现在的位置: 首页 > 综合 > 正文

CSS基础—选择符

2013年11月05日 ⁄ 综合 ⁄ 共 699字 ⁄ 字号 评论关闭

       CSS的主要功能就是将某些规则应用于文档中的同一类型的元素,这样可以减少网页设计者的工作;每个样式表就是由一系列规则组成,每条规则有两个部分:选择符和声明。每条声明实际上是属性和值的组合。

    下面我们看一下选择符的基础知识:

  

        

 ID与类选择器的差别:

1.类选择器可以重复使用,且可以用作任意元素上,使用任意次;

2.HTMLid属性是唯一的,只有拥有该id的元素才会应用该样式

3.ID选择符的优先权高于类选择器

    我们看一下每个选择符是如何使用的:

标签选择器:

body {

    font-size: 14px;

}

类选择符:

.commonfrm {

    /* 框架公共样式 */

    border:1px solid #DEDFDE;

    float: left;

    width: 560px;

}

ID选择符:

#footer {   /* 尾部样式 */

   text-align: center;

   border-top: 1px solid #D6D7D6;

   padding-top: 10px;

   clear: left;

}

 

伪选择符:

a:hover {

    /* 鼠标移到超链接上的样式 */

    color: #00f;

    text-decoration: underline;

}

 

标签指定式选择符:

h1.replay {

    margin-bottom: 10px;

}

 

包含选择符:

#newscontent p{

    margin: 10px 20px;

}

 

选择符组:

ul,li {  /* 项目列表样式 */

    list-style-type:none;

}

      未完待续、、、基础知识的总结正在进行中,不足之处敬请指正~~~~

抱歉!评论已关闭.