css3第一天(上)

来源:互联网 发布:魏无羡捏脸数据 编辑:程序博客网 时间:2022/10/05 06:03

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以外都设置

.

0 0