code weaver的专栏

word-break //超出范围文字折行，并排列整齐word-wrap //超出范围文字折行，不排列整齐

内联标签：img,span①同一类型标签并排显示②宽度由内容撑开③不支持宽高(除img标签)④不支持margin,padding块标签：p,div,ol,ul,li

opacity:0-1 //标准浏览器支持filter:alpha(opacity=50) //IE8及其之下版本使用

inline-block①使块元素在一行显示②使内嵌支持宽高③换行被解析④不设置宽度的时候宽度由内容撑开float①使块元素在一行显示②使内嵌支持宽高③不设置宽度的时候宽度由内容撑开(避免换行被解析的缺点)浮动，display，position都能改变标签特性(块级标签,内联标签)

子元素使用绝对定位时(position:absolute),父元素必须加上定位属性,一般为相对定位(position:relative)

子元素添加浮动后会对父元素造成影响 清除子元素对父元素的影响：①在main里多添加一个div标签②在父级标签mian样式里overflow:hidden

CSS中的!important一般都是用于对低版本的除了iE 6 ，用来做hack的，后面缀上了!important的css语句，让浏览器首选执行这个语句，因为css有继承的样式，加上!importanrt可以覆盖父级的样式。 IE6不认识它的，IE7和别的浏览器中可以用，用来处理浏览器的兼容性，这里写段代码：黄色背景body{background-color:yell

Document *{margin: 0;padding: 0} .box1{ border-width: 10px; border-style: solid; border-color: red transparent transparent transparent; width: 0; height: 0; } .box1:hover{ transform:

Document *{margin: 0;padding:0;} nav>ul>li>a{color: #ccc;text-decoration: none;} nav>ul{ width: 80%; height: 50px; background: -webkit-linear-gradient(top,#292929,#252525); margin: 0 a