CSS基础一

CSS

       CSS:层叠样式表

      CSS三大特性:层叠性、继承性、优先级

       样式:

       行内样式

CSS基础一

        内嵌样式
CSS基础一

           外联样式

CSS基础一

            注释

         CSS基础一

     

              CSS语法(从语法我们就可以看出CSS只需要学选择器和声明块)

CSS基础一

              常用选择器

       1.元素选择器

CSS基础一

       2.id选择器(一个元素不可以设置多个id属性值)

CSS基础一

       3.类选择器

CSS基础一

      4.选择器分组

CSS基础一

      5.通配符选择器

CSS基础一

      6.复合选择器(交集选择器)

CSS基础一

       7.后代元素选择器(只要是后代都控制)

CSS基础一

我们要搞清楚后代和子代的关系,我们可以来看下面图

CSS基础一

       8.子元素选择器(IE6及以下的浏览器不支持子元素选择器)

CSS基础一

      9.伪类选择器

        :link   :未被访问之前,  

        :visited  :已经访问过之后,只能设置颜色

        :hover  :悬停时

        :active  :点击时

注意:  hover和active  也可以为其他元素设置

       伪元素

CSS基础一

子元素伪类选择器

CSS基础一

否定伪类

CSS基础一

          10:属性选择器

   CSS基础一

            11:兄弟元素选择器(注意:下面第一个兄弟选择器,必须是紧挨着,中间是不能有任何元素的)

CSS基础一

                   选择器优先级

               CSS基础一

                   注意,可以在样式最后,添加一个!important,则此时该样式将会获得一个最高的优先级,将会优先于所有的样式显示甚至超过内联样式,但是在开发中尽量避免使用!Iimportant

                      CSS基础一

还有一个a标签伪类优先级问题

,CSS基础一

所以我们在写a伪类的时候,一定要按link、visited、hover、active的顺序依次写