css的引入方式与选择器种类

1. css的三种引入方式

  内联式,嵌入式,外部式。 其中外部式最优

  内联式不易维护,代码无法重用

  嵌入式代码不能被多个文件重用

2. css常用选择器

  语法:

    选择符{

      属性:值

    }

  作用:选中页面中对应的标签,设置对应的样式

  - 基础选择器

    + 标签选择器

      * 对页面中相同的元素,设置共同的属性

    + id选择器

      * 任何的元素都可以设置id

      * id是唯一的,表示选中的是有特性的元素

    + 类选择器

      * 任何元素都可以设置类

      * 一个元素中可以设置多个类

      * 一定要有“归类,公共类的概念”。选中页面的元素,设置相同的属性

   - 高级选择器

     + 后代选择器 (爸爸的儿子,孙子。。。)

        * div p{}

     + 子代选择器

        * div>p{}

     + 组合选择器

        * 选择器1,选择器2,选择器3{}

     + 交集选择器

        * div.p{}

     + 伪类选择器

        * a标签

          -爱恨准则  LoVe  HAte

            a:link{}  标签的原始属性

            a:visited{}  访问过后的标签

            a:hover{}  悬停在标签上的时候

            a:activate{} 按住标签的时候

        hover可以应用于任何的元素 

  

猜你喜欢

转载自www.cnblogs.com/jet-chen/p/12719575.html