2019-04-11 22:14:23

1.类型选择符（标签选择符）

  html中所有的标签都可以直接对元素选择

  p em i a html body.....

  特点：对页面中所有当前类型的元素进行选择。

  应用：清除某个元素默认样式的时候，或者是统一某个元素样式的时候

 2.id选择器

  语法：<标签 id="top-wrap"></标签>

   css:#id名字

  特点：id名字在单一一个页面内是唯一的

  应用：id名是划分网页外围结构的

 3.类选择器：

  语法：

   <标签class="class名称"></标签>

   css:  .class名称（css语句）

  应用：可以定义一类的样式

  css命名规范：

   1.不能使用关键字（不能是标签名和属性）

   2.英文字母开头，可以连接数字，连字符和下划线

   

   连字符：

    news-left news-right news-center

   下划线：

    news_left news_r news_c

   驼峰式：

    newsLeft newsRight

4.包含选择符：

   语法：

    父元素选择符 子元素选择符

  5.群组选择符：

   语法：(以逗号的形式把选择符组成一组)

    选择符1，选择符2，选择符3{}

6.伪类选择符

a:link{属性：属性值；}超链接的初始状态

 a:visited{属性：属性值；}超链接被访问后的状态

 a:hover{属性：属性值；}鼠标悬停，即鼠标划过超链接时的状态

 a:active{属性：属性值；}超链接被激活的状态，即鼠标按下时超链接的状态

7.通配符

  *{

   margin:0;

   padding:0;

  }

注：选择符权重：

内联样式表 >id >class、伪类> 标签

(1000)         (100)           (10)    (1)

a:包含选择符权重为权重之和。

b:群组选择符保持自身权重不变