首页 > 试题广场 >

CSS 中可继承的属性有哪些

[不定项选择题]

CSS 中可继承的属性有哪些 

  • height
  • font-size
  • border
  • width
  • color
查看答案及解析
添加回答
小野市头像 小野市

盒子模型 背景 边框不可继承

发表于 2018-07-13 00:33:46 回复(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。
发表于 2017-04-13 21:44:03 回复(18)
Samsaraa头像 Samsaraa
答案感觉不对哦

发表于 2017-10-27 20:57:23 回复(0)
GDragonPuls头像 GDragonPuls 
所有元素可继承：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。
发表于 2017-09-26 14:07:58 回复(0)
Gxzhou头像 Gxzhou
答案是BE吧，宽高边框不继承啊
发表于 2017-01-03 11:47:08 回复(1)
笑着闯荡江湖头像 笑着闯荡江湖
完美的避过了所有答案
发表于 2017-03-06 23:53:09 回复(10)
牛客958379号头像 牛客958379号
Bd 不可继承的：display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、page-bread-before和unicode-bidi。 所有元素可继承：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。
发表于 2016-12-21 01:22:41 回复(0)
撕裂伤疤头像 撕裂伤疤

一、无继承性的属性

1、display：规定元素应该生成的框的类型

2、文本属性：

vertical-align：垂直文本对齐

text-decoration：规定添加到文本的装饰

text-shadow：文本阴影效果

white-space：空白符的处理

unicode-bidi：设置文本的方向

3、盒子模型的属性：width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-style、border-top-style、border-right-style、border-bottom-style、border-left-style、border-width、border-top-width、border-right-right、border-bottom-width、border-left-width、border-color、border-top-color、border-right-color、border-bottom-color、border-left-color、border-top、border-right、border-bottom、border-left、padding、padding-top、padding-right、padding-bottom、padding-left

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

 

二、有继承性的属性

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

 

发表于 2020-05-07 22:38:15 回复(1)
newcold头像 newcold
我觉得楼上各位要区分清楚"可继承”和“默认继承”
发表于 2018-03-24 21:47:34 回复(0)
熊在匣子里头像 熊在匣子里
css中可以和不可以继承的属性 不可继承的：display、margin、border、padding、background、height、min-height、max- height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、 page-bread-before和unicode-bidi。 所有元素可继承：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。 表格元素可继承：border-collapse。 相反，可继承就是父节点设置了这个属性后，子节点就可以继承他的属性， 这里要明白什么是块状元素，内联元素。 块状元素，是其属性display的默认值为block的标签，也就是div，p，h1等等，但不代表这些标签一定是块状元素，当程序员把他的display属性改变，就不是块状元素
发表于 2017-03-27 10:44:01 回复(1)
宋佑廉头像 宋佑廉
继承的概念:指的是子节点默认使用父节点的样式属性
可继承的属性  颜色 文字 字体间距 行高 对齐方式 列表的样式
发表于 2018-10-27 17:44:39 回复(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。
发表于 2017-07-23 00:17:26 回复(0)
平凡丨的世界丶头像 平凡丨的世界丶
字体和颜色
发表于 2023-06-22 15:45:29 回复(0)
Willon_头像 Willon_
应该说哪些属性会自动继承父元素，好理解一点
发表于 2018-09-06 17:28:03 回复(0)
最美的年华头像 最美的年华
答案不对。
heigth width border padding margin 不可继承
font-size font-family color 可以继承
发表于 2016-12-30 22:32:11 回复(1)
凌灵枫头像 凌灵枫

css 宽高是不可继承属性。

1.在元素不设宽度的情况下：

若元素为普通流中元素，元素宽度等于父元素宽度;

若元素不在文档流中,元素宽度等于内容宽度;

发表于 2023-03-01 13:45:39 回复(0)
蛋卷儿头像 蛋卷儿
一、无继承性的属性 1、display：规定元素应该生成的框的类型 2、文本属性： vertical-align：垂直文本对齐 text-decoration：规定添加到文本的装饰 text-shadow：文本阴影效果 white-space：空白符的处理 unicode-bidi：设置文本的方向 3、盒子模型的属性：width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-style、border-top-style、border-right-style、border-bottom-style、border-left-style、border-width、border-top-width、border-right-right、border-bottom-width、border-left-width、border-color、border-top-color、border-right-color、border-bottom-color、border-left-color、border-top、border-right、border-bottom、border-left、padding、padding-top、padding-right、padding-bottom、padding-left 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   二、有继承性的属性 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  
发表于 2021-03-14 10:40:26 回复(0)
牛客769096462号头像 牛客769096462号
手多点了 Ad
发表于 2020-05-21 15:51:11 回复(0)
色昏头像 色昏
可继承的属性  颜色 文字 字体间距 行高 对齐方式 列表的样式
发表于 2019-05-07 07:43:08 回复(0)
这一刻，有多少话想对你说头像 这一刻，有多少话想对你说
你们是不是以为可以填inherit就是可以继承？并不是，打个比方，父类写了font-size:20px，下面所有子类font-size都是20px
发表于 2018-09-19 02:20:48 回复(0)
猿来头像 猿来
BE
发表于 2018-08-04 19:27:05 回复(0)
提交观点

问题信息

4399游戏 2017 CSS 前端工程师
来自：4399公司2017秋...
上传者：牛100
难度：
30条回答 9846浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号