9.11 开课第八天（样式表：样式）（9.10休息）

样式  1、大小  （1）width   宽度
　　　　 　　  （2）height   高度
 　　 2、背景  （1）background-color    背景色
　　　　　　　（2）background-image    背景图片
　　　　　　　（3）background-repeat    背景图的平铺方式
 　　　　　　  （4）background-position    背景图片位置
　　　　　　　（5）background-attachment    设置背景图片是否滚动
　　　　　　　（6）background-size    背景图的大小 200px 200px
　　  3、字体  （1）font-family    字体样式
 　　　　　　  （2）font-size    字体大小 12px  14px
　　　　　　　（3）font-style    italic倾斜
　　　　　　　（4）font-weight    bold加粗
　　　　　　　（5）text-decoration   【1】 underline下划线
   　　　　　　　　　　　　　　　　　 【2】overline上划线
 　　　　　　　　　　　　　　　　　　【3】 line-through删除线
 　　　　　　　　　　　　　　　　　　【4】none没有，用来去掉超链接的下划线
　　　　　　　（6）color    字体颜色
　 4、对齐方式（1）text-align   水平对齐方式
　　　　　　　（2）vertical-align  垂直对齐方式，配合行高使用
 　　　　　　  （3）line-height    行高
　　　　　　　（4）text-indent    缩进 单位像素
　 5、边界边框（1）margin   外边距  上右下左
 　　　　　　  （2）padding   内边距 上右下左    如果加了内边距，该元素会相应的变大
 　　　　　　  （3）border    1px solid #60F 简写方式  第一个边框粗细 第二个边框样式 第三个边框颜色
    6、列表方块（1）list-style  none将列表前面的序号去掉
 　　　　　　  （2）list-style-image   将前面的序号改为图片
　 7、格式布局（1）位置  【1】positionn   fixed固定  相对于浏览器边框位置固定
 　　　　　　　　　　　　　　　　　         absolute绝对位置   相对于父级（浏览器，绝对定位的上级）
 　　　　　　　　　　　　　　　　　         relative相对位置   相对于自身应该出现的位置
    　　　　　  　　　　　【2】top   距离上边框的距离
 　　　　　　　　　　　  【3】right    距离右边框的距离
　　　　　　　　　　　　【4】bottom    距离下边框的距离
　　　　　　　　　　　　【5】left   距离左边框的距离
 　　　　　　  （2）流 【1】 float  left   向左流   
 　　　　　　　　　　　        right  向右流
　　　　　　　　　   　【2】clear   both   清掉流
 
 　　　　　　  （3）z-index分层   值越大越靠上
　    8、其他   （1）display    显示block和隐藏none，不占位置
 　　　　　　  （2）visibility   显示visible和隐藏hidden，占位置
 　　　　　　  （3）overflow    超出范围hidden隐藏
　　　　　　　（4）透明   opacity：0.5；-moz-opacity：0.5；filter：alpha（opacity=50）
　　　　　　　（5）圆角    border-radius：5px；
 　　　　　　  （6）阴影   box-shadow：0 0 5px white；