欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-04-01 15:26:59
...
这篇文章给大家介绍的内容是关于css的三大特性以及设置背景透明的介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

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

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

例子:

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

关于行高tip:

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

属性定义必须另起一行。

关于行高的测量:

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

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

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

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

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

b、优先性

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

样式的权重可以叠加

一般来说

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

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

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

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

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

相关推荐:

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

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

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

以上就是css的三大特性以及设置背景透明的介绍的详细内容,更多请关注其它相关文章!

相关标签: css的三大特性