自己所能理解的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进制

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值