CSS中可继承与不可继承属性

可继承

1. 字体属性:

font、font-style、font-variant、font-weight、font-size、line-height等属性是字体样式的属性,都可以被子元素继承。

2. 文本属性:

color、text-indent、text-align、text-decoration、text-transform、letter-spacing、word-spacing等属性也是可以被子元素继承的属性。

3. 元素可见性:

visibility属性可以被子元素继承,它可以将元素隐藏起来,但不会改变网页的布局。

4. 表格属性:

border-collapse、border-spacing、caption-side、empty-cells等表格属性也是可继承属性。

5. 列表属性:

list-style、list-style-type、list-style-position等列表属性也可以被子元素继承,用于设置无序列表和有序列表的样式。

6. 其他属性:

cursor、direction、unicode-bidi、outline、quotes、pointer-events等一些其他的属性也是可继承属性。

CSS属性的继承是CSS的一项非常强大的功能。这些属性的继承可以让你的CSS代码更加简洁、易于管理,同时也可以大大提高网站的性能。在设置CSS样式时,你可以根据需要选择继承或不继承属性,以便更好地控制页面样式。


不可继承

1. display:

规定元素应该生成的框的类型

2. 文本属性:

  • vertical-align:垂直文本对齐
  • text-decoration:规定添加到文本的装饰
  • text-shadow:文本阴影效果
  • white-space:空白符的处理
  • unicode-bidi:设置文本的方向

3. 盒子模型的属性:

width、height、margin、border、padding

4. 背景属性:

background、background-color、background-image、background-repeat、background-position、background-attachment

5. 定位属性:

float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index

6. 生成内容属性:

content、counter-reset、counter-increment

7. 轮廓样式属性:

outline-style、outline-width、outline-color、outline

8. 页面样式属性:

size、page-break-before、page-break-after

9. 声音样式属性:

pause-before、pause-after、pause、cue-before、cue-after、cue、play-during

相关推荐
陈随易3 小时前
bm2,Node.js 与 Bun 项目部署新选择
前端·后端·程序员
福兮说4 小时前
canvas 旋转图片的六个坑:四角被裁、Math.ceil 多出 1px 黑边、JPG 角发黑、翻转方向反了
前端·javascript·图像处理·canvas
传人once6 小时前
多图片上传预览功能如何写
前端·css·html·jquery·html5
Eric.466 小时前
Wan‑Animate+MiniMax-H3 本地部署 AI 漫剧流水线:8G 显存动作迁移与动态分镜工程实战
前端·人工智能·comfyui·ai漫剧
传人once7 小时前
悬停旋转放大和位移效果如何写
javascript·css·动画
库拉镜像AI牛牛8 小时前
短剧内容自动化生产:知漫剧工作室落地教程
大数据·服务器·前端·人工智能·语音识别
律宏阔8 小时前
Flutter 列表图片内存优化:CachedNetworkImage 与 ClipRRect 的取舍
前端·flutter
行者全栈架构师8 小时前
【鸿蒙心迹】相册文搜图工程化落地:HarmonyOS 7.0 端侧 AI 检索全链路实战与 5 个踩坑解法
前端
律宏阔8 小时前
Dart 3 Record:解决 Future.wait 异构返回值的类型问题
前端·flutter
Seraphina368 小时前
DVWA(XSS Reflected/Stored High,CSRF Low)
前端·xss·csrf