选择器

行内样式

●任意标签 [容器、文本]都可以添加行内样式。上面写法、书写位置称之为行内样式。需要在双标签、单标签的开始标签位置进行书写

在开始标签名字后面，别忘记有空格，给这个标签添加一个style (英文含义:样式)属性但是需要注意的是:这个style 属性的属性值，写法很独特。

style属性的属性值写法

样式属性名字:样式属性的属性值

别忘记在样式属性值后面加上一个分号，代表当前这一个样式设置完毕，进行下一 一个样式属性。●一个标签可以同时设置多个样式， 多个样式之间用分号隔开。

font-size：字体大小。这个样式的主要的作用是可以设置文字的大小。

属性值：属性值是由数字加上px单位。

pixel：px全称，像素含义。

font-family 字体样式

盒模型样式

盒模型样式

width:汉语意思宽度。

height汉语意思高度。

background-color:汉语意思，背景颜色。

在实际工作当中，盒模型样式比较常用: width、 height、 background-color作用:

width:用于设置标签的宽度。

height用于设置标签的高度。

background-color:用于设置标签的背景颜色。

width:样式的属性值数字tpx单位组成。

height:样式属性值数字+px单位组成

background color:样式属性值和color样式的属性值一样的 [英文单词，16 进制数字]

内嵌样式

1 内嵌样式需要书写在style标签里面，而且style标签一般放置head标签内部。

①内嵌样式需要书写在style 标签里面。而且style标签一般放置head标签内部。②style 标签的type属性，可有可无。属性值text/css,纯文本CSS样式。

③要通过选择器，选择将来要添加样式标签。

④选择器后面紧随大花括号。 不是小括号，不是中括号。

⑤在大花括号里面书写要添加样式。(对 于换行不明感)

⑥每一个样式结束之后，在后面别忘记加上分号。|

选择器

选择器*

选择器[英文] : selector

选择器:选择器是CSS (层叠样式)中-种模式，用来选择器给那些网页中的标签添加样式而已。CSS选择器分为两种:基础选择器、高级选择器。(现在学习的是 CSS2的选择器)

基础选择器:标签选择器、id选择器、类选择器、通配符选择器。(4种)

高级选择器:后代选择器、交集选择器、并集选择器。(3 种)

4.1基础选择器

4.1.1标签选择器

标签选择器，在css样式中通过标签名字，选择给那些标签添加样式。

选择器范围，网页当中同名标签都会添加样式。

4.1.2id选择器

第一步：给想要添加样式标签添加一个id属性。zhi

第二步：在内嵌样式中，通过#+id属性值进行选择匹配。

id选择器范围，当前这一个标签

类选择器

第一步:给需要添加样式标签，添加一个class属性。

第二步:在内嵌样式中，通过.+标签的class的属性值

选择范围:只要标签拥有class属性，切class属性值相同就可以选择匹配上[哪怕标签类型不同]第一步:给需要添加样式标签，添加一个class属性。

第二步:在内嵌样式中，通过.+标签的class的属性值

选择范围:只要标签拥有class属性，切class属性值相同就可以选择匹配上[哪怕标签类型不同]

后代选择器

后代选择器使用:

如果你想给某一标签 添加样式，先寻找他的祖先元素。

在书写内嵌样式的时候，从左到右一层一层寻找，直到找到要添加样式的标签。

而且需要注意，左侧的都是祖先标签的选择器，而且祖先标签的选择器之间用一个空格隔开，最右侧的这个选择器，是最终添加样式的标签选择器。|4.2.1后代选择器

后代选择器使用:

如果你想给某一标签 添加样式，先寻找他的祖先元素。

在书写内嵌样式的时候，从左到右一层一层寻找，直到找到要添加样式的标签。

而且需要注意，左侧的都是祖先标签的选择器，而且祖先标签的选择器之间用一个空格隔开，最右侧的这个选择器，是最终添加样式的标签选择器。|

在使用后代选择器的时候，可以省略一些祖先标签的选择。

交集选择器

交集选择器:无非是选中标签同时需要符合多个基础选择器。

交集选择器:在使用的时候一般都是 标签选择器和类选择器一起使用 。

交集选择器:一般情况下都是标签选择器在前，类选择器在后。

交集选择器:在使用的时候标签选择器和类选择器交集选择器:无非是选中标签同时需要符合多个基础选择器。

交集选择器:在使用的时候一般都是 标签选择器和类选择器一起使用 。

交集选择器:一般情况下都是标签选择器在前，类选择器在后。

交集选择器:在使用的时候标签选择器和类选择器

之间没有任何的符号。

并集选择器

并集选择器，是有基础选择器之间用逗号隔开。

并集选择器:代表的是这些选择器合并一一起，共同添加一些相同样式。●并 集选择器可以结合其他高级选择器一起使用 。并集选择器，是有基础选择器之间用逗号隔开。

并集选择器:代表的是这些选择器合并一一起，共同添加一些相同样式。●并 集选择器可以结合其他高级选择器一起使用 。