CSS中可继承的属性

川长思鸟来 2023-06-11 15:25 124阅读 0赞

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

所有元素可继承：visibility和cursor。
    内联元素可继承：letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction。
    终端块状元素可继承：text-indent和text-align。
    列表元素可继承：list-style、list-style-type、list-style-position、list-style-image。

二、有继承性的属性

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

更多专业前端知识，请上 **【猿2048】www.mk2048.com**

发表评论取消回复

表情：

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

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

相关阅读

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

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

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

相关 CSS中可继承的属性

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

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

相关 css opacity属性_CSS中的opacity属性

css opacity属性 CSS | 不透明度属性 (CSS | opacity Property) With the growing need of making

冷不防/ 2023年03月05日 09:59/ 0 赞/ 10 阅读

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

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

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

相关 css中的继承

css中的继承 inherit 值本例使元素的左外边距继承自父元素（）： <!DOCTYPE html> <html> <head

太过爱你忘了你带给我的痛/ 2022年11月13日 04:29/ 0 赞/ 167 阅读

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

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

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

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

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

迈不过友情╰/ 2022年06月06日 06:47/ 0 赞/ 203 阅读

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

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

末蓝、/ 2022年04月13日 12:27/ 0 赞/ 169 阅读

相关 CSS可继承属性详解

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

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

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

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

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