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

可继承

1. 字体属性:

fontfont-stylefont-variantfont-weightfont-sizeline-height等属性是字体样式的属性,都可以被子元素继承。

2. 文本属性:

colortext-indenttext-aligntext-decorationtext-transformletter-spacingword-spacing等属性也是可以被子元素继承的属性。

3. 元素可见性:

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

4. 表格属性:

border-collapseborder-spacingcaption-sideempty-cells等表格属性也是可继承属性。

5. 列表属性:

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

6. 其他属性:

cursordirectionunicode-bidioutlinequotespointer-events等一些其他的属性也是可继承属性。

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


不可继承

1. display:

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

2. 文本属性:

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

3. 盒子模型的属性:

widthheightmarginborderpadding

4. 背景属性:

backgroundbackground-colorbackground-imagebackground-repeatbackground-positionbackground-attachment

5. 定位属性:

floatclearpositiontoprightbottomleftmin-widthmin-heightmax-widthmax-heightoverflowclipz-index

6. 生成内容属性:

contentcounter-resetcounter-increment

7. 轮廓样式属性:

outline-styleoutline-widthoutline-coloroutline

8. 页面样式属性:

sizepage-break-beforepage-break-after

9. 声音样式属性:

pause-beforepause-afterpausecue-beforecue-aftercueplay-during

相关推荐
0思必得04 小时前
[Web自动化] Selenium处理动态网页
前端·爬虫·python·selenium·自动化
东东5165 小时前
智能社区管理系统的设计与实现ssm+vue
前端·javascript·vue.js·毕业设计·毕设
catino5 小时前
图片、文件的预览
前端·javascript
layman05287 小时前
webpack5 css-loader:从基础到原理
前端·css·webpack
半桔7 小时前
【前端小站】CSS 样式美学:从基础语法到界面精筑的实战宝典
前端·css·html
AI老李7 小时前
PostCSS完全指南:功能/配置/插件/SourceMap/AST/插件开发/自定义语法
前端·javascript·postcss
_OP_CHEN7 小时前
【前端开发之CSS】(一)初识 CSS:网页化妆术的终极指南,新手也能轻松拿捏页面美化!
前端·css·html·网页开发·样式表·界面美化
啊哈一半醒7 小时前
CSS 主流布局
前端·css·css布局·标准流 浮动 定位·flex grid 响应式布局
PHP武器库7 小时前
ULUI:不止于按钮和菜单,一个专注于“业务组件”的纯 CSS 框架
前端·css
电商API_180079052477 小时前
第三方淘宝商品详情 API 全维度调用指南:从技术对接到生产落地
java·大数据·前端·数据库·人工智能·网络爬虫