讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
首页 > web前端 > css教程 > 正文

css中font的缩写

墨辰丷
发布： 2018-05-09 17:58:30
原创
2111人浏览过

本篇文章将详细介绍css中font的缩写，有感兴趣的小伙伴参考一下。

实例代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<style> 
    .login_top{height:26px;font:bold 14px/26px "宋体"; border:1px solid #000} 
    .login_top2{height:26px; line-height:26px; font-weight:bold;font-size:14px;border:1px  
solid #000;  font-family:'宋体'} 
</style> 
<div class="login_top">我垂直不居中</div> 
<br/ > 
<div class="login_top2">我垂直居中</div>
登录后复制

总结：

1、简写时，font-size和line-height只能通过斜杠/组成一个值，不能分开写。

立即学习“前端免费学习笔记（深入）”；

2、顺序不能改变.这种简写方法只有在同时指定font-size和font-family属性时才起作用。而且，如果你没有设定font-weight, font-style, 以及 font-varient ，他们会使用缺省值

海霆企业网站系统(HT-EWCMS)1.1
海霆企业网站系统(HT-EWCMS)1.1

HT-EWCMS 为 Hetty - Enterprise Web Content Management System 的英文缩写，即海霆企业网站内容管理系统，HT-EWCMS为您提供一个高效快速和强大的企业网站解决方案，兼容各种主流操作系统和浏览器。HT-EWCMS著作权已在中华人民共和国国家版权局注册，海霆科技为 HT-EWCMS 产品的开发商，依法独立拥有 HT-EWCMS 产品著作权，著作

海霆企业网站系统(HT-EWCMS)1.1 0
查看详情 海霆企业网站系统(HT-EWCMS)1.1

相关推荐：

js如何匹配计算font-size

font-size-adjust属性如何优化网页排版

font-weight:blod跳动如何处理

css3字体变体font-variation详解

以上就是css中font的缩写的详细内容，更多请关注php中文网其它相关文章！

相关标签：
css

大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：如何使用css固定位置 下一篇：css中Sprites的应用
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
css浮动列表布局_css导航栏浮动实现方法 浮动实现导航栏需对li设float:left并清除ul浮动，推荐伪元素法：.nav-list::after{content:"";display:table;clear:both;}，同时li设margin-right、a设display:block以确保点击区域和间距。
2025-12-24 05:15:28
262
css下拉菜单错位不显示怎么办_父元素设置relative保证绝对定位生效 下拉菜单错位或不显示，最常见原因是子菜单用position:absolute但父级未设position:relative；需给直接父容器加relative创建定位上下文，并检查overflow、高度塌陷、z-index及移动端transform冲突。
2025-12-24 04:53:21
813
css样式依赖关系混乱怎么办_通过分层架构拆分样式 CSS样式依赖混乱源于职责不清与作用域失控，需通过基础层（语义化CSS变量）、组件层（BEM/CSSModules隔离）、布局层（宏观结构组织）、主题层（上下文覆盖）四层分责解耦，核心是思维分层而非文件拆分。
2025-12-24 04:31:33
925
css多列布局中定位元素错位怎么办_使用position相对父容器调整 多列容器需显式设position:relative才能作为absolute定位参考；否则absolute元素脱离文档流，破坏列平衡，应优先用Grid/Flex替代。
2025-12-24 04:07:32
851
css颜色值如何提高可读性_使用hsl方式调整亮度 HSL的亮度（L）更易读，因其是0%–100%直观数值：0%纯黑、50%原色平衡、100%纯白；相比RGB需调三值、HEX不可读，HSL让明暗调整一目了然。
2025-12-24 02:05:34
934
css页面切换主题出现闪屏怎么办_提前加载主题css并切换class 闪屏本质是主题CSS加载滞后导致的样式重绘——浏览器先渲染默认样式，再等新CSS下载、解析、应用，中间出现视觉断层。解决核心思路是：让目标主题的CSS资源在切换前就就绪，切换时只改class不等资源。
2025-12-24 00:47:29
546
css grid子元素对齐基线不一致怎么办_使用align self和justify self微调 Grid基线对齐不一致主因是文本高度、行高、字体或内边距差异，应优先用align-self/justify-self配合微调；空元素无基线，需确保有文本内容；Flex在基线对齐上更稳定，必要时替代Grid。
2025-12-23 20:33:08
434
css初级项目图文卡片高度不一致怎么办_使用flexbox拉伸对齐 用Flexbox实现图文卡片等高，关键是让父容器设display:flex并使卡片为flex项，通过align-items:stretch（默认）自动等高，卡片内用flex-column布局并用flex:1分配剩余空间，配合图片尺寸约束与文字截断防溢出。
2025-12-23 20:31:02
268
css margin负值导致元素错位怎么办_谨慎使用负margin或用transform替代 负margin易导致错位，因其侵占相邻元素空间却不改变文档流位置基准，引发父容器塌陷、兄弟元素错位、响应式异常及可访问性问题；推荐用transform或Flexbox/Grid替代。
2025-12-23 20:30:09
257
css内边距太大导致视觉不协调怎么办_通过padding精准控制内容与边界距离 内边距应遵循设计系统间距规范，优先使用12px、16px等规律值，分方向精细调整，配合border-box盒模型与DevTools实时验证，确保视觉节奏稳、准、匀。
2025-12-23 20:29:52
563
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部