CSS基础---选择符

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

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

  

        

 ID与类选择器的差别：

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

2.HTML内id属性是唯一的，只有拥有该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;

}

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