css3新属性partA

1.新的选择器

其实大家可以预感到，css3的出现一定会给大家带来更加powerful的选择器，我自称为 正则选择器：
如果我们现在有5个li标签，但是每个li标签都要求有不同的背景颜色。传统的做法有两种，一种是用内联样式把5个li分别写上不同的background-color，另一种是我们用五个不同的选择器给他们标记出来。但是我们本着css和html分离的原则第一种很丑，第二种又要把同样的代码写5变，感觉又很笨，在不借助js的情况下，我们可以用css3的“正则选择器”去帮我们完成我们想要的效果。具体的预发在下面

ps：css3的这种选择器在ie6以上的选择器的兼容性更好哦（都2019年了我不信正常人还在用ie6）。如果觉得上述的表格还是不是很直观的话我们就不逼逼，看代码

按照上面的截图被选中的标签是blue和black，于是乎blue和black被标红了。还是不是很了解的小伙伴们可以跟着我一起敲一下

2.@Font-face 特性

font-face是css3中允许自定义字体的一个模块，它主要是把自定义的web字体嵌入到你的页面中去让页面显得更有个性，比如

基本语法是：

font-family是字体名字，src是字体的加载路径，font-weight是字体的厚度，font-style是字体的样式

图片也可以做成字体，通过这个可以减少图片请求，从而进行性能优化
这个部分设计到iconfont： 传送门有兴趣的小伙伴可以好好了解一下
我们接下来partB要讲css3带来的新的样式特性和新的布局方式