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带来的新的样式特性和新的布局方式