css基础知识（二）

字体分类

1、serif衬线字体 
2、sans-serif非衬线字体 
3、monospace等宽字体 
4、草书字体 cursive 
5、虚幻字体 fantasy

长度单位

1、px像素 
2、百分比，一般设置页面宽高，可以让页面自适应 
3、em相对于当前页面中的字体大小，可以设置text-indent，根据字体大小来缩进几个字符

颜色单位

1、单词，例red 
2、rgb(红色,绿色,蓝色)其中值为0到255的整数，例rgb(255,0,0) 
3、十六进制#红色两位绿色两位蓝色两位，最大为ff，最小为00，例#00ff0

常用的文本样式

1、color颜色 
2、font-weight文字粗细，取值一般为bold和normal，数字是100到900的整百的数值 
3、font-style文字样式，取值一般为italic或normal 
4、font-varaint小型大写字母，把小写字母变为比大写字母小一点的大写字母 
5、font-size文字大小 
6、font-family文字字体，这个值可以设置多个，每个字体之间用,隔开，优先显示前面的，当前面的系统都没有的时候显示浏览器默认的字体 
7、text-decoration 
underline下划线 
none无，默认值 
overline 
line-through 
8、text-transform 
capitalize，首字母大写 
uppercase 
lowercase 
9、text-align设置文本位置 
left 
right 
center 
justify 
10、text-indent首行缩进,可以设置负值 
11、letter-spacing 
12、word-spacing 
13、line-height行高，由行高可以计算出行间距，公式为行间距=行高-字体大小

总结：

字体样式设置的连写方式font:style、weight、varaint、size/line-height、family 
其中style、weight、varaint三个值位置顺序可以互换，也可以不写，但是size和family是必须写，而且位置必须是family最后，size倒数第二

背景的样式设置：

background-color
background-image：url();
background-repeat
    repeat
    repeat-x
    repeat-y
    no-repeat
background-position
    top、right、bottom、left、center
    具体数值
background-attachment
    scroll
    fixed

- 简写方式：不计较位置，不计较属性个数,如果不设置则采用默认值
    background:color url() repeat position attachment;