css选择器

css选择器主要包括

一、全局选择器

*{margin:0px;padding:0px;border:0px;	}

一般用于统一和初始化工作
二、标记选择器

body{}
div{}
p{}
a{}

用的比较少吧,因为一旦确定,所有页面的样式都按照这个样式进行。但是超链接还是用的比较多的。

三、类选择器

.Header{color:#000666;font-size:15px;text-align:center;font-weight:bold;}

本选择器应该是用的最多的选择器,因为其可以多次用,和类的作用相似:一次定义可以多次使用,也许这就是为什么要类选择器的原因吧。
四、ID选择器

#Header{color:#000666;font-size:15px;text-align:center;font-weight:bold;}

一般用在特殊的元素上,防止与其他选择器发生冲突。

五、分组选择器

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

分组选择器主要用于多个对象共用相同的样式,以减少不必要的字节和简化代码,定义时用逗号隔开。
六、包含选择器

主要用于父元素下面的子元素的样式用空格隔开,如上面的ul就是div.menu 的子元素,li是ul的子元素

七、相邻选择器

div+p{font-size:20px;color:red;font-weight:bold;}

上面代码定义了所有div对象之后的p对象都有该样式。
八、子选择器

.test>strong{color:red}

应用于父对象下的子元素

九、属性选择器

比较复杂,在此不介绍

十、伪类选择器

可以看成特殊的类选择器,最大作用是可以用于连接的不同状态的样式定义。

a:link{}

a:visited{}

a:hover{}

a:active{}


 

在vs2010上实现智能提示ctr+j 就能实现css的提示了
posted @ 2012-05-16 22:54  haiziguo  阅读(266)  评论(0编辑  收藏  举报