CSS:前景回顾

CSS三种引入方式:

①:内部样式表style:

②:外部样式表link:需异步加载css文件

③:行内样式:(权重最高)

<body style="background:pink">

若使用这三种方法给body设置背景颜色,则显示③所设置的背景颜色(行内样式的权重最高,会覆盖其余方式所设置的同种属性)

若使用①、②方式设置样式,则谁先完成加载,谁的属性就会被覆盖(后完成加载的属性覆盖先完成加载的属性)

建议:使用第二种引入方式。

CSS选择器权重

无限大 !important

1000     行间样式

100        id选择器

10          class选择器||属性选择器||伪类选择器

1            标签选择器||伪元素

0            通配符选择器*

权重相同时:后写的属性会覆盖之前的属性

权重值会叠加:(根据权重值,我们会得出id选择器的权重值是最大的,但是#first.one{}是会叠加权重值的)

* {
    color: yellow;-------------0
}

#first {
    color: red;-------------100
}

#first.one {
    color: palegreen;-------------110
}

.one {
    color: aqua;--------------10
}

div {
    color: black;--------------1
}

 文档流:

文档流:从上到下,从左到右的排列方式。

脱离文档流:脱离这种排列方式

CSS属性前缀:

-moz- 火狐等使用Mozilla浏览器引擎的浏览器

-webkit-  Safari, 谷歌浏览器等使用Webkit引擎的浏览器

-o-  Opera浏览器(早期)

-ms- Internet Explorer

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值