首页 > 其他分享 >CSS_特性继承和层叠

CSS_特性继承和层叠

时间:2023-06-10 19:45:26浏览次数:34  
标签:层叠 样式 特性 继承 font CSS

CSS特性

1、继承性

特性:

1、子元素有默认继承父元素样式的特点(子承父业

2、可以继承的常见属性(文字控制属性都可以继承)
1.color
2.font-style、font-weight、font-size、font-family
3.text-indent,text-align
4.line-height

注意点:
可以通过调试工具判断样式是否可以继承

2、层叠性

特性:

1、给同一个标签设置不同的样式→此时样式会层叠叠加→会共同作用在标签上

2、给同一个标签设置相同的样式→此时样式会层叠覆盖一→最终写在最后的样式会生效

注意点:
1、当样式冲突时,只有当选择器优先级相同时,才能通过层叠性判断结果

以上内容为学习尚硅谷视频后整理

标签:层叠,样式,特性,继承,font,CSS
From: https://www.cnblogs.com/ZWeva/p/17471809.html

相关文章

  • CSS_显示某块和标签嵌套
    一、显示模块1、块级元素特点:1.独占一行(一行只能显示一个)2.宽度默认是父元素的宽度,高度默认由内容撑开3.可以设置宽高例如:div、p、h系列、ul、li、dl、dt、dd、form、header、.nav、footer.2、行内元素特点:1.一行可以显示多个2.宽度和高度默认由内容撑开3.不可以设......
  • Python 3.8与普通程序员有关的几个新特性
    ==============1、字典支持内置函数reversed()了。在Python3.7之前的版本中,是不支持内置函数reversed()的,但在Python3.8中,可以这样做了,2、加强了函数调用时关键参数形式的限制。在Python3.7之前的版本中,是允许这样用的,虽然很少有人这样做但在Python3.8中,不再允许了,3、改进了函......
  • css层
    add.css.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:999;}.popup{display:none;position:fixed;top:50%;left:......
  • nginx-clojure 0.6.0 的一些新特性
    昨天制作了0.6.0的docker镜像,并说明了一些问题,以下简单说明下一些新特性新特性所有的handler可以在http以及servercontext使用了,可以方便进行组合使用nginx1.23.x支持jdk19支持,支持协程了官方提供的二进制构建基于1.23.3说明昨天也说明了,官方提供的二进制包缺......
  • CSS: offsetTop offsetLeft offsetParent
     offsetParentiscontainingblock 1.position:static;offsetTop元素的上外边距到containingblock的上内边距(containingblock的padding+element.margin)<!DOCTYPEhtml><htmllang="en-US"><head><metacharset="UTF-8"&g......
  • CSS: Determine if an element has been totally scrolled
     Element:scrollHeightproperty-WebAPIs|MDN(mozilla.org) <!DOCTYPEhtml><htmllang="en-US"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge......
  • CSS: offsetWidth offsetHeight clientWidth clientHeight scrollWidth scrollHeight
       <!DOCTYPEhtml><htmllang="en-US"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"cont......
  • (HTML+CSS+JS)实现弹球游戏
    一、前言弹球游戏是一款很经典的游戏了,小时候无论是在掌机还是电脑都有玩过这款游戏,简简单单朴实无华,接下来我们通过前端代码来简单实现一下这个游戏吧。这是一个基于HTML5Canvas的弹球游戏的实现,通过JavaScript语言实现游戏的核心逻辑。主要包括以下部分:定义了canvas元素并......
  • CSS选择器
    前言CSS选择器用于选择具体的元素添加CSS样式。记下笔记。选择器类型类型选择器(Typeselectors)类型选择器通过结点名称匹配元素。语法&实例结点名称{样式声明}属性选择器(Attributeselectors)属性选择器用来匹配包含特定属性或者属性值的元素语法&实例[attr]表示带......
  • threejs-css2dObject操作之物体遮挡标签后应该隐藏,而不是出现透视效果
    先看coding之前的效果: 这些在背面的标签的,转到一定角度,被模型遮挡后,理论上就不应该被看到。这才是比较符合实际的coding之后(另一侧对称点就被隐藏): 具体代码(j借助于光线投影)://绑定鼠标事件,当用户移动视角后触发()functionbindRayShotEvent(){document.addEvent......