CSS可继承属性详解

短命女 2022-01-23 07:09 250阅读 0赞

继承就是指子节点默认使用父节点的样式属性。可以这样记忆：只有颜色，文字，字体间距行高对齐方式，和列表的样式可以继承。汇总在下面这张图片里面，可以保存着经常康康。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1N1bmRheTk3_size_16_color_FFFFFF_t_70]  
一、可继承属性有如下分类：  
**1、字体系列属性**

font：组合字体

font-family：规定元素的字体系列

font-weight：设置字体的粗细

font-size：设置字体的尺寸

font-style：定义字体的风格

font-variant：设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。

font-stretch：对当前的 font-family 进行伸缩变形。所有主流浏览器都不支持。

font-size-adjust：为某个元素规定一个 aspect 值，这样就可以保持首选字体的 x-height。

**2、文本系列属性**

text-indent：文本缩进

text-align：文本水平对齐

line-height：行高

word-spacing：增加或减少单词间的空白（即字间隔）

letter-spacing：增加或减少字符间的空白（字符间距）

text-transform：控制文本大小写

direction：规定文本的书写方向

color：文本颜色

**3、元素可见性**：visibility

**4、表格布局属性**：caption-side、border-collapse、border-spacing、empty-cells、table-layout

**5、列表布局属性**：list-style-type、list-style-image、list-style-position、list-style

**6、生成内容属性**：quotes

**7、光标属性**：cursor

**8、页面样式属性**：page、page-break-inside、windows、orphans

**9、声音样式属性**：speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、pitch、pitch-range、stress、richness、、azimuth、elevation

**二、所有元素可以继承的属性**

1、元素可见性：visibility

2、光标属性：cursor

**三、内联元素可以继承的属性**

1、字体系列属性

2、除text-indent、text-align之外的文本系列属性

**四、块级元素可以继承的属性**

1、text-indent、text-align

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1N1bmRheTk3_size_16_color_FFFFFF_t_70]: /images/20220123/4e41c6f84dbf4d07b61a5539eefb8504.png

发表评论取消回复

表情：

评论列表（有 0 条评论，250人围观）

还没有评论，来说两句吧...

相关阅读

相关详解 CSS 的背景属性

CSS 背景属性的学习

我不是女神ヾ/ 2024年05月06日 21:23/ 0 赞/ 76 阅读

相关 CSS可继承的属性和不可继承的属性

可继承的属性： 1、所有元素可继承：visibility和cursor 2、内联元素可继承：letter-spacing、word-spacing、white-spa

迷南。/ 2023年07月12日 08:48/ 0 赞/ 11 阅读

相关 CSS详解（4.css属性）

文章目录一，css属性单位二，文本属性三，背景属性四，列表属性五，定位属性六，布局属性 -浮动一，css属性单位

野性酷女/ 2023年06月30日 10:52/ 0 赞/ 1 阅读

相关 CSS中可继承的属性

不可继承的属性太多了不要背，记住可以继承的属性有哪些就行了。可以继承的属性很少，只有颜色，文字，字体间距行高对齐方式，和列表的样式可以继承。这么来记很轻松的呀！不要被下边的吓

川长思鸟来/ 2023年06月11日 15:25/ 0 赞/ 124 阅读

相关前端4-2-1：CSS可、不可被继承的属性

一、不可被继承的属性 1、display 规定元素应该生成的框的类型 2、文本属性 vertical-align：垂直文本对齐 text-decorat

短命女/ 2022年11月15日 14:23/ 0 赞/ 139 阅读

相关 css中display属性详解

display属性值: none 此元素不会被显示。 block 此元素将显示为块级元素，此元素前后会带有换行符。 inline 默认。此元

冷不防/ 2022年08月21日 13:37/ 0 赞/ 265 阅读

相关 css的继承性--有哪些属性继承

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">

骑猪看日落/ 2022年07月14日 05:20/ 0 赞/ 304 阅读

相关 CSS Overflow属性详解(转)

检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。所有对象的默认值是 visible ，除了 textarea 对象和 body 对象的默认值是 auto 。设置

深碍√TFBOYSˉ_/ 2022年04月10日 08:12/ 0 赞/ 386 阅读

相关 CSS可继承属性详解

继承就是指子节点默认使用父节点的样式属性。可以这样记忆：只有颜色，文字，字体间距行高对齐方式，和列表的样式可以继承。汇总在下面这张图片里面，可以保存着经常康康。 ![在这里

短命女/ 2022年01月23日 07:09/ 0 赞/ 251 阅读

相关 css的继承之width属性（容易忽略）

众所周知，css的三大特性分别是继承性，层叠性，和优先级。那么这里就详细说一下css中width的继承性及其特殊情况。继承性概念详解：css的继承性指的被包在内

约定不等于承诺〃/ 2021年09月29日 16:40/ 0 赞/ 516 阅读