常用css

1.border-collapse:设置表格边框是否合并

默认样式:

test test test
test test test

设置collapse后样式:

test test test
test test test

 

2.!important:提高指定样式规则的应用优先权,IE6不完全支持

写在定义的最后面,例如:.box{color:red !important;}

 

3.>子元素选择器:只作用于某元素子元素

例:h1 > strong {color:red;}  只作用于h1的直接子元素

      h1 strong 后代原则器,作用于所有h1的子元素,无限级联

 

4.属性选择器[]:可以为拥有指定属性的 HTML 元素设置样式,而不仅限于 class 和 id 属性

IE7在规定了 !DOCTYPE 的情况下支持属性选择器。IE6 及更低的版本不支持属性选择器。

例:

所有带title属性的字体设置为红色

[title]
{
color:red;
}
[title=W3School]:为 title="W3School" 的所有元素设置样式
[title~=hello]:指定值的 title 属性的所有元素设置样式。适用于由空格分隔的属性值
[lang|=en]:为带有包含指定值的 lang 属性的所有元素设置样式。适用于由连字符分隔的属性值

 5. opacity:设置透明度 ,例:

 opacity: 0.25;

 
posted @ 2012-06-28 03:02  Bug山Bug海  阅读(182)  评论(0)    收藏  举报