首页  >  文章  >  web前端  >  css的三大特性以及设置背景透明的介绍

css的三大特性以及设置背景透明的介绍

不言
不言原创
2018-08-06 10:36:131743浏览

这篇文章给大家介绍的内容是关于css的三大特性以及设置背景透明的介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

关于行内元素(补充一点)

行内元素只能容纳文本或其他行内元素。(a特殊a里面可以放块级元素)

例子:

关于行高tip:

选择器的嵌套层级不应大于3级,位置靠后的限定条件应尽可能的精确。

 属性定义必须另起一行。

关于行高的测量:

 

css的三大特性(层叠 优先  继承)

a、层叠性:多种css样式的叠加

是浏览器处理冲突的一种能力,如果一个属性通过两个相同选择器设置在同一个元素上,那么这个时候一个属性会将另外一个属性层叠掉。

一般情况下,如果出现样式冲突,则会按照css书写的顺序,以最后的样式为准。

b、优先性

定义css样式时,经常会出现两个或更多规则应在同一元素上,这时就会出现优先级的问题。

样式的权重可以叠加

一般来说

行内标签  > ID选择器 > 类标签 > 标签选择器 > 通配选择器(没有权重)

tip:背景半透明的设置background:rgba(0,0,0,3);

最后一个参数是alpha透明度  取值范围在0-1之间

注意:背景半透明是指盒子背景半透明,盒子里面的内容不受影响。

 相关推荐:

css3中新增属性:css3多列布局属性的总结(附实例)

浅析CSS边框属性:宽度&样式&边框等

CSS 网格布局(Grid)的两种方式介绍(附代码)

以上是css的三大特性以及设置背景透明的介绍的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn