CSS----cascading style sheet(层叠样式表)
先将一下引入CSS样式表的方式:
1、行间引入

2、页面级CSS
需要在head中引入style,并在style中设置样式

3、外部CSS引入
![]()

这里再讲一下计算机的同步和异步:(和正常的理解正好相反)
同步:不同时进行;异步:同时进行;
当浏览器加载页面到link时,会另外开启一个线程去下载link里的内容,浏览器会继续做下面的事情;
所以这两件事是异步加载的
--------------------------------------------------------------------------------------------------------------------------------------
将一下CSS选择器:
1、Id选择器


但是ID选择器是一 一对应的,不能多对一或者一对多
2、Class选择器


但是一个元素可以对应多个class,一个class也可以对应多个元素
一个元素多个class之间用空格隔开
3、标签选择器


但是标签选择器是对所有此类的标签都应用CSS样式
4、通配符选择器


是对所有的标签,即html,body都会改变
5、属性选择器


对所有有ID属性的标签引用CSS样式,当然也可以指定属性的值

选择器的优先级:
! important > 行间样式 > ID > class | 属性选择器 > 标签 > 通配符 (class和属性选择器同级,谁后声明,谁起效果)

浏览器是如果比较样式的先后呢?
浏览器比较样式之间的先后是按照CSS权重来的,各种样式都在内核中有明确的值,下面是权重表
!important infinity(正无穷)
行间样式 1000
Id 100
class|属性选择器|伪类 10
标签|伪元素 1
通配符 0
另外表中的 100 和 1 等的数值 不是按照10进制或者2进制来计算的 , 它们之间的进制为256进制
本文深入解析CSS的三种引入方式:行间、页面级及外部引入,探讨计算机的同步与异步加载机制。详述五种CSS选择器:Id、Class、标签、通配符及属性选择器,对比其优先级与应用场合,帮助读者掌握CSS样式控制的关键技巧。
&spm=1001.2101.3001.5002&articleId=81739785&d=1&t=3&u=0e173cb21be14a78a991b95378798696)

被折叠的 条评论
为什么被折叠?



