前端 day4

1.样式表的权重

     1.内联样式表的权重最高

     2.内部和外部样式的权重，和书写的先后顺序有关。后面的样式会把前面的样式覆盖掉。覆盖的只是相同属性的标签，不同属        性的样式标签会继续执行

     3.！important权重最高

     4.层叠性的体现（出现样式权重关系，必然产生层叠性）

2.css选择符

     css语法：  选择符{属性：属性值;}

     选择符：选择符就是给标签起名字

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

      所有的html标签可以直接当作选择符进行应用

      div/p/em/i/b/strong 等。

      特点：能选中当前结构里面全部同名标签。

      应用：想统一某一个标签的时候或者是清除某个标签默认样式的时候。

   2.id选择符  （类似于人的身份证号）

      语法：

       起名字：           <标签  id=”名称”></标签>

       用名字写样式：     #名称{属性：属性值}

      特点：唯一性！！在同一个页面里面，一个id名只能用一次。

      应用：来划分网页外围结构。

      起名规范：

      尽量小写字母开头；

      数字、字母、下划线、连字符的组合；

      不能使用关键字命名；

      命名尽量反应板块内容，或者反应结构（语义化）；

      可以是拼音，但是不能出现汉字和特殊字符；

     起名方法：

   （1）驼峰式命名法

               newsleft、newsright

   （2）连字符命名

               news -left、news-right、news-center

   （3）下划线命名

               news _left、news_right、news_center

3.类选择符（class选择符）

      语法：

       起名称：       <标签 class=”名称1  名称2” 。。。>

       用类名写样式   .名称{属性：属性值}

      特点：

1. 一个元素可以有多个类名，类名可以重复出现
2. 可以指定一类样式

4.群组选择符

    语法：以逗号分隔的方式，把多个选择器组成一组，给整组

              添加样式。

     选择符1，选择符2，选择符3{属性：属性值}

     eg:    #box,.con,h3,#wrap{width:300px;}

5.包含选择符（父代选择符/后代选择符）

        语法：

             父元素 子元素{属性：属性值;}

6.伪类选择符

          a:link  {color:red;}        未访问的链接状态

          a:visited  {color:green;}      已访问的链接状态

         a:hover  {color:blue;}       鼠标滑过的连接状态

         a:active  {color:yellow;}      鼠标按下去的状态

7.通配符

       即

1. 划分网页结构顺序

         先做上下排版

         在做左右排版

         从外往里