1、字体
（1）字体大小的设置： 属性：font-size 属性值：数值+单位（px）
浏览器中默认字体大小是16px 建议设置最小的字体为12px,设置成偶数
（2）单位：: ① px （像素） ；② em：相对于父级计算的单位 常用于首行缩进；③ rem：相对于根元素html计算；④ pt：硬件设备(打印机)
（3）字体类型的设置： 属性：font-family 中文汉字建议加引号
英文单词:属性值有多个单词需要用引号引起来 只有一个可以不使用引号
注意：在浏览器中 中文默认为微软雅黑 ； win系统中文是宋体/新宋体 英文arial
（4）字体倾斜属性：font-style ；属性值： ① italic 倾斜的；② oblique 更斜的；③ normal 正常的；
（5）字体加粗属性：font-weight ； 属性值：① 法定的属性值：bold 加粗 ；bolder 更粗的 ；normal 正常；
② 常规的属性值 ：范围：100900的整百数 ：100500 正常 ； 600900 加粗；
2、文本
（1）文本行高： 属性：line-height 属性值：现对于当前容器的高度设置的
① 行高 = 高度 文本在垂直方向居中 ！！ 单行文本
② 行高 > 高度 文本往下移动
③ 行高 < 高度 文本往上移动
（2）文本水平对齐： 属性：text-align 属性值： ① left 左对齐；② right 右对齐；③ center 居中
注意：设置文本居中 前提是当前容器一定要有宽高(块元素)
3、不常用的属性：
① text-trasform(变形属性)
② uppercase 把文字变成全大写
③ lowercase 把文字变成全小写
④ capitalize 变成首字母大写
4、文本颜色： 属性：color 不要写成font-color
属性值：
① 法定属性值:英文单词
② 十六进制：09 af
③ #六位字符(相同的-简写成三位) 通过ps的拾色器
④ rgb(red,gree,blue)0255
⑤ rgba(red,green,blue,alpha[透明度 范围：01])
拓展：
① opacity 透明度 范围：01 所有的属性都会变透明
② rgba中的alpha只针对于某一个属性设置透明
4、文本修饰： 属性：（1）text-decoration 属性值：① underline 下划线；② overline 上划线；③ line-through 横线
（2）text-indent:数值+单位 可以接负值 但只针对第一行才有用
5、复合属性的写法： 属性：font 属性值 ：font-weight font-style font-size/line-height font-family
（1）font-weight 和font-style 可以根据需求写，可以互换位置
（2）font-size和line-height之间有一个/ 并且不可以互换位置
（3）font-family 写默认值 "微软雅黑"
6、背景属性的设置：
（1）背景颜色的设置：background-color 可以简写成background
（2）背景图片：background-image:url()
① 当背景图片大于容器的时候，图片只会显示部分区域
② 当背景图片小于容器的时候 图片默认进行平铺
③ 当背景图片等于容器的时候 图片完整显示
注意：img结构导入图片有两者方式:① html结构
② background-image:css样式 需要容器支持
（3）背景平铺属性： background-repeat: no-repeat/repeat/repeat-x/y
（4）背景定位属性：background-position: x y
x水平方向:left right center
y垂直方向:top bottom center
常规的属性值 正值和负值都可以
（5）背景固定属性：:background-attachment； 属性值: scroll/fixed
简写方式：属性:background 属性值:颜色 图片 平铺 定位 固定
7、盒模型总结：
（1）计算盒子的自身大小：content++ padding + border
计算盒子在浏览器中所占的真实大小：content + padding + border + margin
8、边框： 属性：border ； ① 边框的宽度 border-width:数值+单位； ② 边框的颜色 border-color:和文本颜色设置相同； ③ 边框的样式 border-style:solid(实线) dashed(虚线) dotted(点线) double(双实线)；④ 方向 border-方向值：top；right；bottom；left
注意：清除某一个方向的边框； border-方向值：none
9、列表属性的设置：
（1）定义列表符号样式： list-style-type
（2）使用图片作为列表符号 list-style-image:url()
（3）定义列表符号的位置 list-style-position(定位):inside、outside
（4）简写：list-style:none（常写在reset.css中）
