CSS基础

为什么学习CSS？

为使网页有更丰富的交互行为和视觉效果，能够承载和展现跟多的信息量，能够更精准地传递信息。

CSS发展史：

1996年，CSS1解决网页排版布局和装饰问题，第一个有“层叠”概念的语言； 1998年，CSS2表现和内容分离； CSS2.1 对CSS2的修正、扩展，代替CSS2； CSS3 规范模块化发展，样式丰富、炫酷，提高网站的可维护性以及性能速度。

基础知识

1.Casading规则(层叠优先集)

叠层三大规则

样式表来源重要排序

基础选择器

id——ID选择器。

Tagname——类型选择器或者标签选择器。

.class——类选择器。

＊——通用选择器。该选择器匹配所有元素

组合器

子组合器（>）

——匹配的目标元素是其他元素的直接后代。如：.parent >.child。

相邻兄弟组合器（+）

——匹配的目标元素紧跟在其他元素后面。如：p +h2。

通用兄弟组合器（~）

——匹配所有跟随在指定元素之后的兄弟元素，如：li.active ~ li。

复合选择器

多个基础选择器可以连起来使用，如：h1.page-header。

伪类选择器

选中处于某个特定状态或相对于其父级或兄弟元素的位置的元素。如:first-child，:hover

伪元素选择器匹配在文档中没有直接对应HTML元素的特定部分，或插入内容。如h2:: first-letter, div::before

属性选择器

通过约束属性值，div[data-title=“aaa”]

逻辑选择器

较新的选择器:is() :has() :where() :not()

2.继承

3.CSS的值和单位