a四个伪类的顺序
link visited hover active
可以继承的样式
-
test系列：
text-align (center、left、right、justify)
text-decoration （none、underline、overline、line-through）
text-transform
text-indent -
font系列
font-size
font-family
font-style（normal、italic）
font-weight（normal400、bold700、100-900、lighter） - line-height
- color
注意：继承无法影响a的颜色和下划线，必须直接作用在a上
border的属性有哪些
border-color、border-width、border-style(dotted、dashed、double(大于3px，小于3px看不到)、solid)、border-top-width
background的属性有
background-color、background-image、background-position、background-attachment；background-repeat
css包含3中布局模式
- 流动模型（flow）
- 浮动模型（float）
- 层模型（layer）
浮动的特征
- 脱离文档流不占位
- 会盖住下方没浮动的元素，但不会盖住其内容（绝对定位时会内容盖内容）
- 任何元素都可以添加浮动
- 行内元素浮动后可设置宽高
- 浮动会贴上一个浮动的元素
- 没设置宽高设置浮动后会收缩至内容大小
- 浮动元素一行放不下会自动折行
- 一个盒子内面，一个浮动，其他都要浮动
- 右浮动会颠倒盒子的顺序
清除浮动的方法
- 定高法：给父元素设置相应的高度，可用于小模块高度写死部分
- 给父元素加overflow：hidden；（定位超出部分会溢出隐藏）
- 额外标签法：浮动元素的最后面，父盒子结束标签之前，给这个空标签加上clear：both（破坏文档结构）
- 伪元素：
.clearfix:after{
content:".";
height:0;
visibility:hidden;
display:block;
clear:both;
}
margin-top穿透的兼容问题
- 用父元素的padding-top代替子元素的margin-top
- 父元素overflow：hidden
- 给父元素添加边框border：1px solid transparent;（注意盒模型的计算）
opacity不兼容问题
opacity:0.3;（0.0-1.0）
filter:alpha(opacity=30)（0-100）
以上两个都是值越小越透明
行内块之间的4px间隙问题
浏览器将换行空格tab键等空白字符解析成空格造成
方法：给父元素设font-size:0,再给子元素单独设置font-size
display：inline-block在IE中不兼容
display:inline-block;
*display:inline;
*zoom:1;
文本换行
word-wrap:beak-word;
bord-break:break-all;
