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

相关推荐
变与不变8069 小时前
jQuery怎么使用
前端·javascript
神膘护体小月半9 小时前
flex 布局的 order 属性
前端·css
paopaokaka_luck9 小时前
流浪动物救助与收养系统(DeepSeek AI对话、 ECharts多维分析、救助流程衔接、领养与回访衔接、 捐赠确认与公示、志愿者协作)
java·前端·javascript·人工智能·mysql·echarts·推荐算法
仰望.9 小时前
vue 表格组件 vxe-table 树表格懒加载支持拖拽排序的详细用法
前端·javascript·vue.js·vxe-table
前端 贾公子9 小时前
vite-plugin-uni-manifest 升级指南
前端
小码哥_常10 小时前
iPhone 用户传了张 HEIC,我的前端崩了
前端
小码哥_常10 小时前
你发的原图可能暴露你家地址——聊聊图片 EXIF 隐私
前端
java1234_小锋10 小时前
【技术专题】CSS3 网页技术 - CSS3 优先级
前端·css·css3
鸿蒙开发11 小时前
共享 Schema 与 SchemaFactory
前端·后端·harmonyos
屏什么录11 小时前
录屏超过两小时就卡顿崩盘?从参数调优到代码实现,一文彻底搞定长时间录屏
前端·音视频开发