自己所能理解的CSS(一)

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进制

猜你喜欢

转载自blog.csdn.net/VVVZCS/article/details/81739785