CSS字体和文本样式的属性
1、字体属性
CSS-Fonts（字形）属性用于指定字体系列、大小、粗细和样式（如斜体）。
1.1、修改字体样式属性
CSS通过 font-family属性来指定字体
语法：
p {
font-family：‘宋体’;
}- 多种字体需用英文逗号隔开。
- 若字体由多个单词组成，用引号括起。
- 尽量优先使用系统默认字体，确保在所有用户浏览器中正常显示。
1.2、字体大小属性
CSS通过 font-size属性来指定字体大小
语法：
p {
font-size: 20px;
}- px（像素）是页面常用单位。
- 可以为body元素指定大小。
1.3、字体粗细属性
CSS通过 font-weight属性来定义字体粗细。
- 加粗用700或bold，不加粗用normal或400，数字后不跟单位。
- 通常使用数字来定义字体粗细，更加方便。
p {
font-weight= 700;
}1.4、字体样式属性
CSS通过 font-style属性来决定字体是否倾斜。
p {
font-style: normal; //不倾斜
}- normal 默认值，不倾斜。
- italic 倾斜字体
1.5、字体复合属性
字体复合属性(简写)font可以将上述文字的样式综合在一起，可减少代码量。
- 字体复合属性必须按照font: font-stylt(字体样式) font-weight（字体粗细）font-size/line-height（字体大小/行高）font-family（字体名）的顺序书写。
- 必须严格遵循顺序，各属性间用空格隔开。
- 不需要设置的属性可省略，但字体大小和字体名不能省略。
p {
font: italic 700 16px 'Microsoft yahei';
}2、文本外观属性
CSS Text（文本）属性可以定义文本的外观，诸如文本颜色、对齐方式、装饰、缩进、行间距等。
2.1、文本颜色
color 属性：定义文本的颜色。
div {
color：red;
}使用方式和属性值包括预定义的颜色名（如red，green，blue，pink），十六进制代码（如#FF0000，#FF6600，#29D794），以及RGB代码（如rgb(255,0,0)或rgb(100%,0%,0%)）。
开发者最常用的是十六进制颜色代码。
2.2、对齐方式
text-align属性用于设置元素中文本内容的水平对齐方式。
div {
text-align：center;
}属性值包括left（左对齐，默认值）、right（右对齐）、center（居中对齐）。
2.3、装饰文本
text-decoration属性规定文本的装饰，例如下划线、删除线、上划线。
a {
text-decoration: none; //取消a标签默认的下划线
}属性值包括 none（无装饰，默认值）、underline（下划线）、overline（上划线，几乎不用）、line-through（删除线，不常用）。
- 通常用于取消a标签的默认下划线。
2.4、文本缩进
text-indent属性用于指定文本的第一行的缩进，常用于段落首行缩进。
div {
text-indent: 10px;
}通过该属性，可使元素的第一行缩进一定长度。
p {
text-indent: 2em;
}em是一个相对单位，表示当前元素的1个字符的大小；若当前元素未定义字体大小，则采用父元素的字体大小。
2.5、行间距
line-height属性用于设置行间距（行高），以调控行与行之间的间距。
p {
line-height: 26px;
}文章为用户上传，仅供非商业浏览。发布者：Lomu，转转请注明出处： https://www.daogebangong.com/articles/detail/css-zi-ti-wen-ben-yang-shi-shu-xing.html
支付宝扫一扫 
评论列表（196条）
测试