css学习_第1章_选择符_继承_覆盖

本章目录

1.选择符的分类

2.选择符的继承

3.选择符的覆盖

4.css的引入

 

选择符的分类

    基本的：标签，class,id

    复合的：派生选择器(descendent selectors),群选择器(groups selectors)，子选择符，相邻选择符

    特殊的：属性选择符，伪类，伪对象

 

选择符的继承

    子孙对象可以继承父对象（或更上代）对象的样式。

    有一些对象（比如h1--h7）不具有继承性。

 

选择符的覆盖

    一个元素可能可以匹配多个样式，具体匹配哪个样式呢？

    答：元素的样式是依据样式的优先级匹配的。

    样式表是层叠的，优先级高的样式覆盖优先级低的 样式。

--样式的分类（4种）：

• html样式：html标签中定义的样式。
• 作者：css代码编写者定义的样式。
• 用户：用户的浏览器中定义的样式。
• 浏览器：浏览器的默认样式。

    4种样式的优先级：html>作者>用户>浏览器

 

--作者样式中，选择符也有优先级：

    选择符的优先级依据权重定义：

• 标签：权重1；
• 类选择符：权重10；
• id选择符：权重100；
• style属性：权重1000；

    具体某个样式的权重是该样式的所有选择符的权重之和。

    对象假如能够匹配多个样式，但只会匹配权重最高的样式。

 

css的引入

--css的四种引入方法：

• 内联(到元素中)；
• （作为元素）嵌入（到html页面中）；
• 外部样式表；
• 输入样式表（使用@import “*.css”）。

 

--css的管理

     建议使用外部样式表（这样修改样式，不用分别修改每个页面文件）。

     建议样式表分2部分：

• 定义页面基本布局的样式文件；
• 定义细节的样式文件；