1. 每一个标签都有自己的属性，是吧？要给它一个样式，就可以通过它的属性来找到它。
2. 属性选择器的权重是10
3. 都有哪些？
- 标签名[属性名]
- 标签
- 标签名[type="属性名"]
- ^= 以icon开始的选出来
- $= 以icon结尾的选出来
- *= 代表任意位置，包含该属性的就要选出来
例子
二、结构伪类选择器
语法：
nth-child(n) 释义：
- 想要选哪个n就在那个里面输入数字几就可以了
- 这里的n 可以有特殊数值偶数even 奇数odd 有利于做隔行变色
- n可以是公式
- -n+5选出前5个。
例子
三、ntf-of-type 选择器
先上总结：
- nth-child(n) 选择父元素里面的第一个 n个孩子
- of-type 选择指定类型的元素
例子
四、伪类选择器
方式一 ::before ::after
方式二 :before :after
总结：伪元素前面可以是一个冒号，也可以是两个冒号，不影响结果
例子
CSS就是一种叫做样式表（stylesheet）的技术。也有的人称之为层叠样式表（Cascading Stylesheet）。 在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的
选中颜色：
代码：
基色 : #000000
亮度 : 120
使用说明：
1、选取颜色
在颜色选取区域点击你所需要的色彩；
2、调整亮度
在右侧的渐变色块中调整该颜色的亮度；
3、复制粘贴代码
复制在“代码”框中该颜色的代码，粘贴（CTRL+V）到css自定义模板所需位置即可。
百度百科很不错哦,你去看看,不懂的一些东西都可以查出来
来自百度百科:http://bk.baidu.com/view/15916.htm
1.因此html5和css3引入视口的概念来代替显示器的物理尺寸。通过在meta标签上的设置，视口的长宽可以跟设备的物理分辨率相等，也可以不相等（以便手机上可以实现用两个手指来放大会缩小页面），可根据需要灵活掌握。在PC中，视口的长宽则是跟浏览器窗口的物理分辨率恒等的。
2.1vw等于视口宽度（viewport width）的百分之一，也就是说100vw就是视口的宽度。同理，1vh等于视30px改成5vw，意思就是窗口宽度的5%，同理10vw。
3.不过由于vw和vh是css3才支持的长度单位，所以在不支持css3的浏览器中是无效的口高度（viewport height）的百分之一。
