css3第一天(上)

CSS3

私有前缀

//正常的写法、都认识
border:1px solid #ccc;
border-radius:10px;
//分别只有chrome、火狐、IE认识
-webkit-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
-o-border-radius:10px;

新的css属性，浏览器实现，实现过程中有bug,浏览器开发商在实现的初期阶段，可能部分实现，为了解决，会提前发布一些版本，这些版本需要加特定的前缀才能支持，等到成熟以后，正式版发布后，前缀就能去掉了

简介

比较强大，版本的更替，旧的浏览器不支持c3,需要加私有前缀。移动端的支持要优于pc端。某一些属性应用相对广泛 要坚持渐进增强的原则，考虑用户群体，遵照产品的方案

学会使用手册

最常用的是：css参考手册

none:没有
[] 表示全部可选项
|| 表示或者
| 表示多选一
？ 表示0个或者1个
* 表示0个或者多个
{} 表示范围

选择器

属性选择器:[href] 权重和类是一样
以什么开头:[href^=”a”]
以什么结尾:[href$=”mp3”]
包含什么的:[href*=”m”]
与什么相等:[href=”mp3”]
伪类选择器；：
第一个子元素： li:first-child child相对于li的父元素
最后一个元素： :last-child
第几个子元素： :nth-child(7)
第几的倍数的元素：:nth-child(7n) n(为变量)的取值范围是0,1,2…
前面三个：:nth-child(-n+3)
倒数第三个：:nth-last-child(3)
后三个： :nth-last-child(-n+3)
empty
当元素内容为空时调用：:empty
目标伪类： :target
取反伪类： :not(.special) 除了.special以外都设置

.