字体设置
CSS 提供了多种属性用于设置网页中文本的字体样式,主要包括以下几个方面:
1. 字体族(font-family)
用于设置文本使用的字体,可以指定多个字体作为备选:
p {
font-family: "Helvetica", "Arial", sans-serif;
}
`
建议最后使用通用字体族(如
sans-serif、serif、monospace)作为兜底方案。
2. 字体大小(font-size)
用于设置文字的大小,单位可为 px、em、rem、% 等:
h1 {
font-size: 24px;
}
3. 字体样式(font-style)
用于设置字体是否倾斜,常用于强调文本:
em {
font-style: italic;
}
可选值:normal(默认)、italic、oblique
4. 字体粗细(font-weight)
控制文字的粗细程度:
strong {
font-weight: bold;
}
常用值:normal、bold、100~900(数值越大越粗)
5. 综合设置(font)
可以用 font 属性一次性设置字体样式,例如:
p {
font: italic bold 16px/1.5 "Arial", sans-serif;
}
语法顺序固定:font-style → font-weight → font-size/line-height → font-family
正确使用字体设置不仅提升视觉效果,还能改善阅读体验与页面专业感。
相关内容
- 什么是 CSS? CSS(层叠样式表)是一种用来描述网页外观样式的语言。它定义了如何为HTML元素设置颜色、字体、布局等视觉效果,使网页更加美观和易于阅读。
- CSS 的作用与工作原理 介绍CSS的主要作用及其工作原理,帮助理解如何通过样式表控制网页元素的外观和布局,实现内容与表现的分离。
- CSS 的引入方式 介绍CSS的三种主要引入方式:内联样式、内部样式表和外部样式表,帮助开发者选择合适的方法应用样式。
- 基本语法结构 介绍CSS的基本语法结构,包括选择器、属性和属性值的组成方式,帮助理解如何编写有效的样式规则。
- 注释的使用方式 介绍CSS中注释的写法和作用,帮助开发者在样式代码中添加说明,提高代码可读性和维护性。
- 基本选择器 介绍CSS中最基础的三种选择器:元素选择器、类选择器和ID选择器,是学习CSS样式编写的基础。