CSS
层叠样式表。Cascading Style Sheet
一、层叠样式表的分类：
1.外部——.css文件//右键 附加CSS样式表
2.内嵌——<head></head>
3.内联——放在标记的style属性上
二、选择器。
（一）基本选择器
1.ID选择器：#
2.class选择器：.
3.标签选择器：标签名
（二）组合选择器
1.用逗号隔开。并列关系
2.用空格隔开。后代关系。
3.筛选：选择器.class选择器。
“层叠”的意思？
1.样式表类型的层叠。——例子。//外部样式表的字体是12xp，内嵌样式表的字体是18号字 最后显示的是18号字
2.选择器的层叠。——例子//
3.父子元素的层叠。——例子。//body 里面出现了定义的属性 就优先
优先级：
1.一般来说，ID选择器优先级要高于class选择器的优先级，class选择器的优先级高于标签选择器的优先级。
2.对于同一类型的选择器，内联样式的优先级要高于内嵌，内嵌样式的优先级要高于外部的。
三、样式表的属性：
（一）前景与背景
1.背景：
background-color:背景色。
background-image:url(路径) 背景图
background-attatchment: fixed-背景固定；scroll-背景与文字一起滚动
background-repeat: repeat:平铺；no-repeat：不平铺； repeat-x,repeat-y.
background-position: right 100px bottom 200px;//坐标
2.前景：
font-family:
font-size:
color:
font-weight:
font-style:
text-decoration: underline,overline,line-through
text-align: left,center,right
vertical-align: top,middle,bottom
line-height:行高。一般是font-size的1.5-2倍。
（二）边界与边框
1.边框：二维表格。
2.外边距：margin,margin-top,... 上右下左
3.内边距：padding,padding-top......上右下左
三）列表与方块
方块：
height:
top:
left:
列表：
list-style-type:
list-style-position:
list-stye—position:outside //记号在内容外
list-style-position:inside //记号在跟内容在一起
list-style-image://图片做序号
dispaly: none-不显示；block-块显示（独占一行） ；inline-不独占一行（width,height不管用）；inline-block：不独占一行（width,height管用）。
visibility：是否可见。 visible-可见；hidden-隐藏。如果隐藏起来，但位置依然是占用的。
overflow：溢出处理。 hidden-隐藏超出部份；scroll-超出就显示滚动条。
（四）格式与布局
位置布局。
position:
配合的样式属性：top,left,right,bottom.........
fixed：绝对定位。以浏览器可见区域为坐标系进行定位。不是页面为坐标系定位。通常用来做浮动层。ie6不支持。
relative：相对定位。相对的意思是：相对于该元素原本应当在的那个位置。虽然元素显示的位置变化了，但原来的空间是依然占用的。
absolute：绝对定位。如果元素外围的元素没有设置postion样式，那么它以整个页面为坐标系进行定位。如果这个元素外围有一个元素具有postion样式属性，那此它是以这个外围元素为坐标系进行定位。
流式布局。
float:
配合的样式属性：margin-top,margin-right,margin-bottom,margin-left 浮动之后必须配合这样的属性才能调整样式
clear:清除浮动。
例子：
例一：几个并列的层用float布局的规律。假设：建立了四个DIV的层 让前两个浮动起来，下面的两个需要清浮动
例二：嵌套的层，使用float布局的规律。div 1嵌套div 2 在div1不设置高度前提下，div的高度其实是div2的高度撑开的 如果div2 浮动起来 div1就会消失 只有将div1也浮动起立，div1 才能真正的撑开 width设置为100%