08.CSS文字属性

font字体

1.规定文字样式的属性

格式: font-style: italic;

取值:

normal:正常的

italic:倾斜的

2.规定文字粗细的属性

格式: font-weight: bold;

单词取值:bold (加粗) bolder(更粗) lighter (细线,默认)

数字取值:100-900 之间整百数字

3.规定文字大小的属性

格式:font-size: 30px; (一定要带单位px 像素pixel)

4.规定文字字体的属性

font-family: '微软雅黑'; (默认是宋体)

注意:1.中文和英文短语要用单/双引号括起来

2.设置的字体必须是用户电脑中安装了的

font-family: '乱七八糟的字体' ,'楷体' ;(其中楷体是备选字体)

font-family: 'Times New Roman','微软雅黑';(因为英文字体不包含中文,所以先设置英文字体,再设置中文字体,这样的话就可以中英文字体分别设置)

常用字体:

中文:宋体/黑体/微软雅黑

英文:"Times New Roman" / Arial

5.文字属性的缩写

font: italic bold 30px '楷体';

(顺序是 font :style weight size family; 不能改变,空格分隔,size和family 不能省略和放在最后 )

CSS外观属性

6.文本装饰属性

格式:text-decoration: underline;

取值:

underline 下划线

line-through 删除线

overline 上划线

none 没有线(作用是去掉超链接<a>标签的下划线)

7.文本对齐属性

格式:text-align: left;

取值:

right:右

left:左

center:中

8.文本缩进属性

格式:text-indent: 2em; (文章开头空2格)

单位:

em: 1个字的大小

px:像素

9.颜色属性

格式: color: red;

取值:

1.英文单词 :一般常见的颜色都有英文单词,不过表达的颜色有限

2.rgb : color:rgb(255,255,0);

前端一般不用纯黑,而是用灰色,RGB 三个值相等便是 灰色,

3.rgba: color:rgba(145,166,255,0.4); 比rgb多了一个透明度

4.十六进制 :color: #ff0000;

5.十六进制缩写:如果两位相同就可以化简为1位,如color: #ffee00;可以化为color: #fe0;

10.行高

line-height: 110px;