笔记

（1）CSS ：selection可以改变选中文本的背景颜色

 p::selection {
     background: red;
     color: #fff;
     font-size: 15px;
   }
		
   p::-moz-selection {
     background: red;
     color: #fff;
     font-size: 15px;
   }

（2）CSS :nth-child() 伪类允许你定位某个上级元素的一个或多个特定的子元素。

（3）清除浮动, 子元素中若存在浮动的父元素，则父元素无法撑开高度，所以需要清除浮动，或者说关闭浮动。

 　　（a）子元素同级添加一个额外的元素，设置样式。clear: both

　　 （b）给父元素添加 overflow: auto | hiddden; zoom: 1;

　　 （c）利用伪类 :before :after ,给伪类添加clear:both的样式

（4）伪类

　　（a）锚点伪类 , 写法的先后顺序遵循 “爱恨原则” LoVe | HAte   L-:link V-:visited H-:hover A-:active

 

 

()insertAfter() stop() end()

（5）：target CSS伪类选择器， 通过ID 绑定

（6）IE对min-width或max-width支持不好，可以添加

{
    min-width: 100px;
    width: auto!important;
    width: 100px;      
}

（7）chrome浏览器不支持设置字体小于12px, IE浏览器不支持设置元素高度小于font-size的值。

（8）去除input框聚焦时，出现蓝色边框

input[type="text"]:focus{
    outline: none  
}

（9）em

　　(a)浏览器的默认字体大小是 16px,所以在不设置字体大小时， 1em=16px;

　　(b)如果元素自身没有设置字体大小，那么元素自身上的所有属性值如“boder、width、height、padding、margin、line-height”等值, 都按 需要转换的像素值/父元素font-size

　　(c)如果元素自身设置了字体大小，那么元素自身的字体大小=需要转换的像素值/父元素font-size， 其它的属性值=需要转换的像素值/自身font-size

（10）文本转换 text-transform : uppercase | capitalize | lowercase

（11）图片替换文字 文字隐藏 text-index 文本缩进

a {
		    text-indent:-999em;
		    outline:none;
		    background: url(button.jpg) no-repeat 0 0;
		    width:100px; 
		    height:50px;
		    display:block;
		}