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

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

例子:

关于行高tip:

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

属性定义必须另起一行。

关于行高的测量:

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

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

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

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

b、优先性

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

样式的权重可以叠加

一般来说

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

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

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

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

本文转载于:猿2048➝https://www.mk2048.com/blog/blog.php?id=ib22b2j&title=css的三个特性 背景透明设置

css的三个特性 背景透明设置相关推荐

  1. 微信小程序 Picker-view背景透明设置

    微信小程序 Picker-view背景透明设置 在使用picker-view时,需要设置picker-view背景透明时,在wxml中设置 <picker-view mask-style=&qu ...

  2. CSS 的三个特性:层叠性、继承性、优先级

    层叠性 CSS 有三个非常重要的三个特性:层叠性.继承性.优先级. 相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式.层叠性主要解决样式冲突 的问题 层叠性原则:  样式冲突 ...

  3. 【QT】ComboBox下拉菜单背景透明设置

    把combobox放在widget,把widget的背景色设置成透明(rgba(0,0,0,0))

  4. iframe背景透明设置方法

    iframe的背景颜色在IE下为window的当前窗口颜色(默认白色,可以在显示外观处对其进行设置),这导致在大幅背景上插入iframe时,需要给它"透底",可是IE不支持对ifr ...

  5. UIToolbar背景透明设置

    phone/ipad编程中, UIToolbar是常用的界面元素, 系统默认定义了一些风格. 有时侯, 默认的风格并不好, 就需要修改它的背景色, 例如iBooks当中的木纹. 怎么修改呢, 其实也挺 ...

  6. html5 css透明效果,css中实现背景透明的三种方式

    css中实现背景透明通常有如下3种方式,以下是这三种方式的不透明度为80%的写法: css3的opacity:x,x 的取值从 0 到 1,如opacity: 0.8 css3的rgba(red, g ...

  7. html+页面的背景透明,css设置背景透明 元素不透明

    css设置背景透明 元素不透明 在做前端页面的时候,我们会遇到这样的情况,需要背景为半透明状态,但是层里面的内容不需要为透明的状态.有时候我们设置的时候会出现不管内容还是背景同时都成透明了,如何实现背 ...

  8. CSS背景颜色设置背景附着背景平铺背景位置背景简写背景透明

    CSS背景设置方法及背景附着 1.背景颜色(color) 语法: background-color:颜色值; 默认值是 transparent 透明的 2.背景图片(image) 语法: backgr ...

  9. html中设置背景透明,css如何设置背景透明

    css设置背景透明的方法:首先在[ ]标签创建[ ]标签和添加类:然后在[ 3.为div添加样式.在 标签后面创建一个 4.保存后使用浏览器查看.可以看到当透明度为由0.1修改为1时div背景由灰色变 ...

最新文章

  1. android studio 导入库提示失败的处理方法以及androidstudio 清理缓存的方法
  2. 摩尔定律行将就木?AI灵丹助其返老还童!(附论文)
  3. RecyclerView导包
  4. Linux内核spin_lock与spin_lock_irq分析
  5. 常用服务器性能分析工具
  6. 图神经网络三剑客:GCN、GAT与GraphSAGE
  7. 基于正样本的表面缺陷检测
  8. php中MySQL数据库导入与导出_Mysql数据库导出和导入
  9. github 上微信判断是否被删除的源码 以及使用解惑
  10. iOS开发UI篇—实现一个私人通讯录小应用(二)
  11. 解决chm文件打开,无显示内容
  12. Rendering Path
  13. virtual void addChild(Node * child, int localZOrder)中ZOreder参数设置
  14. int 与Integer的用法与区别
  15. 18 张图彻底弄懂 HTTPS 的原理!
  16. Python自省 type(),dir(),getattr(),hasattr(),isinstance().
  17. Python的下载安装(手把手教学)
  18. iOS 模拟器下载与安装
  19. 24节气—小雪海报、文案分享。雨凝成雪,万物冬藏。
  20. 计算机钢琴汇编设计报告,汇编梦幻钢琴程序设计报告.doc

热门文章

  1. Mac--PHP已经开启gd扩展验证码不显示
  2. linux下如何安装配置redis及主从配置
  3. 操作系统--用JavaScript实现银行家算法
  4. 配置源码管理工具(2)
  5. 调用支付jsapi缺少参数:total_fee_小程序支付问题怎么解决?
  6. VS2012 颜色配置成黑色
  7. 计算机网络ipv4到ipv6怎么实现,论计算机网络协议IPV4到IPV6的过渡策略|房屋搬迁过渡协议...
  8. JAVA客户端数据传输_java模拟TCP通信实现客户端上传文件到服务器端
  9. 怎么用python画饼状图_Python入门进阶:Python绘制饼图到Microsoft Excel
  10. 用数组存储循环序号的数据