加粗与斜体
加粗和斜体是文本样式中最基本的强调方式,用于突出重点内容,提高阅读体验。
1. 加粗(font-weight)
通过设置 font-weight 属性调整字体粗细:
font-weight: normal; /* 默认值,标准字体粗细 */
font-weight: bold; /* 加粗 */
font-weight: 100-900; /* 数值,数字越大越粗 */
`
示例:
strong {
font-weight: bold;
}
2. 斜体(font-style)
通过 font-style 属性设置字体是否倾斜:
font-style: normal; /* 正常 */
font-style: italic; /* 斜体 */
font-style: oblique; /* 斜体(与 italic 类似) */
示例:
em {
font-style: italic;
}
使用建议
- 语义化标签
<strong>和<em>对应加粗和斜体,更有利于无障碍和SEO。 - 避免过度使用,保持文本层次清晰。
相关内容
- 什么是 CSS? CSS(层叠样式表)是一种用来描述网页外观样式的语言。它定义了如何为HTML元素设置颜色、字体、布局等视觉效果,使网页更加美观和易于阅读。
- CSS 的作用与工作原理 介绍CSS的主要作用及其工作原理,帮助理解如何通过样式表控制网页元素的外观和布局,实现内容与表现的分离。
- CSS 的引入方式 介绍CSS的三种主要引入方式:内联样式、内部样式表和外部样式表,帮助开发者选择合适的方法应用样式。
- 基本语法结构 介绍CSS的基本语法结构,包括选择器、属性和属性值的组成方式,帮助理解如何编写有效的样式规则。
- 注释的使用方式 介绍CSS中注释的写法和作用,帮助开发者在样式代码中添加说明,提高代码可读性和维护性。
- 基本选择器 介绍CSS中最基础的三种选择器:元素选择器、类选择器和ID选择器,是学习CSS样式编写的基础。