摘要:css3新增了许多伪类,但是IE8以及更低版本的IE浏览器不支持css3伪类,所以在使用时要是涉及到布局等意象全局的样式,应该多考虑一下。1.elem:nth-child(n)这个伪类选中父元素下的第n个子元素,并且这个子元素的标签名为elem,n可以接受具体的数值,也可以接受函数(如4n-1)。需要注意的是,n是从1开始计算,而不是0。我们可以使用一个无序列表来测试: 1 2 3 4 5 6 7 8 9 10当n为具体的数值是选中第n个子元素,如:#test li:nth-child(3){ background:#f00;}... 阅读全文
posted @ 2014-04-07 23:27 还好我是程序员 阅读(2882) 评论(0) 推荐(0) 编辑
摘要:1.CSS3多列:column column主要有三个属性。 column-count:定义列数。 column-gap:定义每一列之间的间隔。 column-rlue:定义每列之间的边线规则,分为style,color,width这3个分支属性,可像border一样简写。如代码:#test{ width:600px; background:#eee; -webkit-column-count:3; -webkit-column-gap:20px; -webkit-column-rule:2px #00f outset;}效果为:2.文本换... 阅读全文
posted @ 2014-04-07 00:36 还好我是程序员 阅读(120) 评论(0) 推荐(0) 编辑