CSS3选择器&服务器端字体&CSS3浏览器前缀

主要应用：属性选择器、目标选择器、层级选择器、伪类结构选择器、::selcetion、focus选中

CSS3选择器：

属性选择器：

E[属性="属性值"]{}   【多用于表单】

结构伪类选择器：

E:nth-child(){} 选中子级的第几个元素；

E:first-child{}  选中子级第一个元素；

E:last-child{}  选中子级最后一个元素；

E:nth-of-type(){} 选中同级中的第几个元素；

目标伪类选择器：

E:target {background:red;}

 ::selection   用户选中高亮   ；

E:focus   获取焦点  多用于表单；

层级选择器：

E>F  子级选择器     只选中E的子级元素     （空格是后代选择器）；

E+F  相邻选择器    选中E后面的相邻的一个同级元素；

E~F   通用选择器    选中E后面相同的所有的统计元素；

:root{}  根元素 html；

服务器端字体：

（以图片的方式呈现的字体，对文字有效的修改方式对阿里的字体库都有效）  www.iconfont.cn

如何使用阿里的字体库：

1. 在网站找到需要的图片——添加入库——添加至项目（需要登录）
2. 下载至本地——解压
3. 在head区域引入iconfont.css
4. 在标签上用class引用iconfo                                                                                                                                     ​​​​​​​
5. 搜索框中的放大镜：

        

CSS3浏览器前缀：

-ms-     IE浏览器；

-moz-    基于Gecko引擎的浏览器（Firefox）；

-o-       opear浏览器；

-webkit-      基于webkit引擎的浏览器（Chrome、Safari）