资讯专栏INFORMATION COLUMN

css的三个特性 背景透明设置

liuhh / 3228人阅读

摘要:样式的权重可以叠加一般来说行内标签选择器类标签标签选择器通配选择器没有权重背景半透明的设置,,,最后一个参数是透明度取值范围在之间注意背景半透明是指盒子背景半透明,盒子里面的内容不受影响。

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

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

例子:

 

关于行高tip:

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

 属性定义必须另起一行。

关于行高的测量:

 

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

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

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

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

 

b、优先性

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

样式的权重可以叠加

一般来说

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

 

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

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

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

 

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1956.html

相关文章

  • 前端之CSS

    摘要:不管你是滚动页面还是背景设置的元素,它都会保持在相同的位置。当滚动元素时,背景会随之滚动。目录 一.css三种引用方式 1.行间式 2.内联式 3.外联式 4.三种方式的优先级 二.样式与长度颜色 1.基本样式 2.长度...

    raise_yang 评论0 收藏0
  • 不得不收藏——IE中CSS-filter滤镜小知识大全

    摘要:属性特性描述可选值,布尔值,默认值为,启用过滤器为不启用过滤器。正常显示,内容对象将翻过来。,设置对象是否投影,布尔值,和,设置对象投影不透明度,,假如为那么该值无效。 前言 前段时间在做一个专题的时候用到了opacity不透明度属性,因为设计图上是半透明背景,白色文字 showImg(https://segmentfault.com/img/bVknaX); 所以在IE用到了其...

    yuanzhanghu 评论0 收藏0
  • [译]HTML&CSS Lesson3: 了解CSS

    摘要:我们会在组合选择器中来了解为什么权重值要加连字符。组合选择器中的权重值会分别对不同类型的选择器进行计数。对比两组选择器,第二组选择器有两个选择器,拥有更高的权重值。 CSS是一门复杂的语言,拥有相当的大能力。 它我们允许为页面添加布局和设计,允许多个元素甚至多个页面共享样式。在我们有能力解锁所有功能之前,我们必须先充分理解它的基础点。 首先,我们要明确的了解样式是怎么被渲染的。 具体的...

    lavnFan 评论0 收藏0
  • [译]HTML&CSS Lesson3: 了解CSS

    摘要:我们会在组合选择器中来了解为什么权重值要加连字符。组合选择器中的权重值会分别对不同类型的选择器进行计数。对比两组选择器,第二组选择器有两个选择器,拥有更高的权重值。 CSS是一门复杂的语言,拥有相当的大能力。 它我们允许为页面添加布局和设计,允许多个元素甚至多个页面共享样式。在我们有能力解锁所有功能之前,我们必须先充分理解它的基础点。 首先,我们要明确的了解样式是怎么被渲染的。 具体的...

    soasme 评论0 收藏0
  • border、outline、boxshadow那些事以及如何做内凹圆

    摘要:线性渐变不过它稍稍有些复杂。在讲解径向渐变之前,我们先来看一看比较简单的线性渐变。再来看径向渐变好的,接下来我们来看径向渐变。但对径向渐变来说,顾名思议,所有色标是排布在一条半径上的。 border 边框是我们美化网页、增强样式最常用的手段之一。例如: .text { width: 254px; height: 254px; background-co...

    CocoaChina 评论0 收藏0

发表评论

0条评论

liuhh

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<