9.10一个吉利的日子，一篇完美的随笔。

 

一、     属性：表示事物的一些特征

属性：标签属性和样式属性。

标签属性 < img src=”1.jpg” width=”100px” height=”200px”/>

样式属性 <style>

　　　　　　p{

　　　　　　　　color：red；

                  }

　　　　</style>

  二者的区别

   1.位置不一样  样式属性写在style中标签属性写在标签内

   2.写法不一样  样式属性是属性:属性值标签属性是属性=”属性值”

二、选择器

 标签选择器

 Id选择器

 Class选择器

样式显示的顺序由选择器的权重决定的。

 标签的权重是1  class的权重是10  id的权重是100.

 备注，权重可以叠加。

      浏览器如何去执行代码

      浏览器执行代码是从上往下，从左往右。

 

 选择器的种类

1.        标签选择器:根据指定的标签名，在当前界面中找到所有该名称的标签，然后设置属性。

2.        Id选择器:可以为标有特定 id 的 HTML 元素指定特定的样式。

3.        Class选择器:可以为标有特定 class 的 HTML 元素指定特定的样式。

4.        后代选择器:可以选择作为某元素后代的元素。

5.        子代选择器：只能选择作为某元素子代的元素。

6.　　  交集选择器：由俩个选择器构成，其中一个为标记选择器，另一个为为class选择器或id选择器，如p.a1   p#a1等。

7.        并集选择器：跟交集选择器一致，只是中间用，(逗号)隔开。

8.        通配符选择器：*  选择所有的标签

9.        伪类选择器：只要选择器后面带 : 都可以说他是伪类选择器

                                      a:link{}  a:hover{}  a:visited{}  a:active{}  p:after{} p:before{}

                  a:link{    }

　　　　a:visited{    }

　　　　a:hover{      }

　　　　a:active{    }              a的四种状态顺序不能变

 

 

              伪元素和伪类选择器的区别:

 

              伪元素有两个冒号如p::after{}  伪类选择器有一个冒号p:hover{}

10.           结构选择器：Div:nth-of-type(1)，括号里面的是选择第几个

 

 

     备注：

    <a>是特殊的，要改变a里面的颜色，必须直接给a设置，给a的父级设置不行

 

 属性继承：明明是父级上设置样式，结果后代标签也跟着发生变化，这就叫属性继承