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  正常；

②  常规的属性值  ：范围：100~900的整百数   ：100~500  正常  ；    600~900   加粗；

2、文本

（1）文本行高：      属性：line-height        属性值：现对于当前容器的高度设置的

①  行高 = 高度  文本在垂直方向居中 ！！ 单行文本

②  行高 > 高度  文本往下移动

③  行高 < 高度  文本往上移动

（2）文本水平对齐：   属性：text-align     属性值：   ①  left  左对齐；②  right  右对齐；③  center   居中

注意：设置文本居中 前提是当前容器一定要有宽高(块元素)

3、不常用的属性：

①  text-trasform(变形属性)

②  uppercase 把文字变成全大写 

③  lowercase 把文字变成全小写

④   capitalize 变成首字母大写

4、文本颜色：   属性：color  不要写成font-color

属性值：

①  法定属性值:英文单词

 ②  十六进制：0~9 a~f

③  #六位字符(相同的-简写成三位) 通过ps的拾色器 

④  rgb(red,gree,blue)0~255

⑤  rgba(red,green,blue,alpha[透明度  范围：0~1])

拓展：

①  opacity  透明度   范围：0~1    所有的属性都会变透明

②   rgba中的alpha只针对于某一个属性设置透明

4、文本修饰：   属性：（1）text-decoration      属性值：①  underline  下划线；②  overline   上划线；③  line-through   横线   <del>

（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中）