精华内容
下载资源
问答
  • 哪些css属性不能继承
    2022-06-07 08:31:39

    能继承的属性 
    1. 字体系列属性:font、font-family、font-weight、font-size、font-style; 
    2. 文本系列属性: 
    2.1)内联元素:color、line-height、word-spacing、letter-spacing、text-transform; 
    2.2)块级元素:text-indent、text-align; 
    3. 元素可见性:visibility 
    4. 表格布局属性:caption-side、border-collapse、border-spacing、empty-cells、table-layout; 
    5. 列表布局属性:list-style 

    不能继承的属性 
    1. display:规定元素应该生成的框的类型; 
    2. 文本属性:vertical-align、text-decoration; 
    3. 盒子模型的属性:width、height、margin 、border、padding;
    4. 背景属性:background、background-color、background-image; 
    5. 定位属性:float、clear、position、top、right、bottom、left、min-width、 min-height、max-width、max-height、overflow、clip;

    感兴趣的可以去查阅更多资料 谢谢大家 

    更多相关内容
  • CSS 表单元素不继承表单元素不继承body的字体属性的字体属性很多人喜欢在body中加样式来控制全局字体的样式,像字体、大小、颜色等。很多人喜欢在body中加样式来控制全局字体的样式,像字体、大小、颜色等。这些写...
  • CSS哪些属性可以继承

    千次阅读 2021-08-04 04:23:35
    1.背景介绍了解css样式表...知识剖析对于一些可以继承的属性,可以只设置上级的CSS样式表树形,子级(下级)不用设置,会自动继承CSS属性,可以减少CSS代码,便于维护。那么有哪些属性可以自动继承呢有继承性的属性...

    1.背景介绍

    了解css样式表的继承,我们先从文档树(HTML DOM)开始,文档树由HTML元素组成,文档树和家族树类似,也有祖先、后代、父亲、孩子、兄弟

    34044e3c9317

    css样式表继承指的是,特定的css属性向下传递到后代元素

    2.知识剖析

    对于一些可以继承的属性,可以只设置上级的CSS样式表树形,子级(下级)不用设置,会自动继承此CSS属性,可以减少CSS代码,便于维护。

    那么有哪些属性可以自动继承呢

    有继承性的属性:

    1、字体系列属性

    font:组合字体

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

    font-weight:设置字体的粗细

    font-size:设置字体的尺寸

    font-style:定义字体的风格

    font-variant:设置小型大写字母的字体显示文本,这意味着所有的小写字母

    均会被转换为大写,但是所有使用小型大写字体的字母与其余文本

    相比,其字体尺寸更小。

    font-stretch:允许你使文字变宽或变窄。所有主流浏览器都不支持。

    font-size-adjust:为某个元素规定一个 aspect 值,字体的小写字母 "x"

    的高度与"font-size" 高度之间的比率被称为一个字体的 aspect 值。

    这样就可以保持首选字体的 x-height。

    有继承性的属性:

    2、文本系列属性

    text-indent:文本缩进

    text-align:文本水平对齐

    text-shadow:设置文本阴影

    line-height:行高

    word-spacing:增加或减少单词间的空白(即字间隔)

    letter-spacing:增加或减少字符间的空白(字符间距)

    text-transform:控制文本大小写

    direction:规定文本的书写方向

    color:文本颜色

    有继承性的属性:

    3、元素可见性:visibility

    list-style-position、list-style

    6、设置嵌套引用的引号类型:quotes

    7、光标属性:cursor

    8、还有一些不常用的;speak,page等属性,暂不讲解;

    所有元素可以继承的属性:

    1、元素可见性:visibility

    2、光标属性:cursor

    内联元素可以继承的属性:

    1、字体系列属性

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

    块级元素可以继承的属性:

    text-indent、text-align

    无继承的属性

    1、display

    3、盒子模型的属性:宽度、高度、内外边距、边框等

    4、背景属性:背景图片、颜色、位置等

    5、定位属性:浮动、清除浮动、定位position等

    6、生成内容属性:content、counter-reset、counter-increment

    7、轮廓样式属性:outline-style、outline-width、outline-color、outline

    8、页面样式属性:size、page-break-before、page-break-after

    继承中比较特殊的几点

    1、a 标签的字体颜色不能被继承

    1、

    -

    标签字体的大下也是不能被继承的

    因为它们都有一个默认值

    3.常见问题

    问题1:多种样式混合应用的优先级问题

    问题2:font-size的继承问题

    4.解决方案

    当有多个规则都能应用于同一个元素时,权重越高的样式将被优先采用。

    ”important>内联 >ID>类 >标签 |伪类|属性选择 >伪对象 >继承 >通配符”

    font-size是可以被继承的。但是它的方式有一些特别。Font-size的子类继承的不是实际值,而是计算后的值。

    下面是一个例子

    字体大小属性继承特性的演示代码

    p { font-size:14px;}

    由于浏览器默认字体大小是16px,而p定义了字体14px,所以em继承了p的字体大小属性,也是14px;

    34044e3c9317

    p { font-size:85%;}

    浏览器默认字体大小16px,而p定义了字体大小(16px X 85% = 13.6px). 13.6px这个值将被子元素em继承。

    34044e3c9317

    p { font-size:0.85em;}

    浏览器默认字体大小16px,而p定义了字体大小(16px X 0.85 = 13.6px). 13.6px这个值将被子元素em继承。

    34044e3c9317

    body { font-size: 85%; }

    h1 { font-size: 200%; }

    h2 { font-size: 150%; }

    浏览器默认字体大小16px,而body定义了字体大小(16px X 85% = 13.6px). 如果子元素没有指定字体大小13.6px这个值将被子元素继承。

    34044e3c9317

    5.编码实战

    6.扩展思考

    inherit关键字

    inherit 关键字指定一个属性应从父元素继承它的值。

    inherit 关键字可用于任何 HTML 元素上的任何 CSS 属性。

    除了inherit关键字外,还有什么其他的关键字继承特性

    在css3中新增加了几个继承特性

    initial:用来设置css属性值为它的默认值,也就是浏览器默认设置的css属性值。

    unset:一个属性定义了unset值,如果该属性是默认继承属性,该值等同于inherit,如果该属性是非继承属性,该值等同于initial

    all: [ inherit | initial | unset ]:  最后,all是一个属性而不是一个值。你可以指定inherit、initial或者unset来影响所有的属性,例如重置所有CSS属性为浏览器默认:

    7.参考文献

    8.更多讨论

    1.关键字是否能通用:

    关键字可以强制更改是否继承属性,不管该属性能不能继承,设置inherit和强制继承父元素的某些属性;

    鸣谢

    感谢大家观看!

    展开全文
  • 1. 无继承性的属性 display:规定元素应该生成的框的类型 文本属性: vertical-align:垂直文本对齐 text-decoration:规定添加到文本的装饰 text-shadow:文本阴影效果 white-space:空白符的处理 ...

    1. 无继承性的属性

    1. display:规定元素应该生成的框的类型

    2. 文本属性

    • vertical-align:垂直文本对齐
    • text-decoration:规定添加到文本的装饰
    • text-shadow:文本阴影效果
    • white-space:空白符的处理
    • unicode-bidi:设置文本的方向
    1. 盒子模型的属性:width、height、margin、border、padding
    2. 背景属性:background、background-color、background-image、background-repeat、background-position、background-attachment
    3. 定位属性:float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index
    4. 生成内容属性:content、counter-reset、counter-increment
    5. 轮廓样式属性:outline-style、outline-width、outline-color、outline
    6. 页面样式属性:size、page-break-before、page-break-after
    7. 声音样式属性:pause-before、pause-after、pause、cue-before、cue-after、cue、play-during

    二、有继承性的属性

    1.字体系列属性

    • font-family:字体系列
    • font-weight:字体的粗细
    • font-size:字体的大小
    • font-style:字体的风格

    2.文本系列属性

    • text-indent:文本缩进
    • text-align:文本水平对齐
    • line-height:行高
    • word-spacing:单词之间的间距
    • letter-spacing:中文或者字母之间的间距
    • text-transform:控制文本大小写(就是uppercase、lowercase、capitalize这三个)
    • color:文本颜色

    3.元素可见性

    • visibility:控制元素显示隐藏
    • 列表布局属性
    • list-style:列表风格,包括list-style-type、list-style-image等

    4.光标属性

    • cursor:光标显示为何种形态

    3. display的属性值及其作用

    属性值作用
    none元素不显示,并且会从文档流中移除。
    block块类型。默认宽度为父元素宽度,可设置宽高,换行显示。
    inline行内元素类型。默认宽度为内容宽度,不可设置宽高,同行显示。
    inline-block默认宽度为内容宽度,可以设置宽高,同行显示。
    list-item像块类型元素一样显示,并添加样式列表标记。
    table此元素会作为块级表格来显示。
    inherit规定应该从父元素继承display属性的值。

    4. display的block、inline和inline-block的区别

    (1)block: 会独占一行,多个元素会另起一行,可以设置width、height、margin和padding属性;

    (2)inline: 元素不会独占一行,设置width、height属性无效。但可以设置水平方向的margin和padding属性,不能设置垂直方向的padding和margin;

    (3)inline-block: 将对象设置为inline对象,但对象的内容作为block对象呈现,之后的内联对象会被排列在同一行内。

    对于行内元素和块级元素,其特点如下:

    (1)行内元素

    • 设置宽高无效;
    • 可以设置水平方向的margin和padding属性,不能设置垂直方向的padding和margin;
    • 不会自动换行;

    (2)块级元素

    • 可以设置宽高;
    • 设置margin和padding都有效;
    • 可以自动换行;
    • 多个块状,默认排列从上到下。

    5. 隐藏元素的方法有哪些

    • display: none:渲染树不会包含该渲染对象,因此该元素不会在页面中占据位置,也不会响应绑定的监听事件。
    • visibility: hidden:元素在页面中仍占据空间,但是不会响应绑定的监听事件。
    • opacity: 0:将元素的透明度设置为 0,以此来实现元素的隐藏。元素在页面中仍然占据空间,并且能够响应元素绑定的监听事件。
    • position: absolute:通过使用绝对定位将元素移除可视区域内,以此来实现元素的隐藏。
    • z-index: 负值:来使其他元素遮盖住该元素,以此来实现隐藏。
    • clip/clip-path :使用元素裁剪的方法来实现元素的隐藏,这种方法下,元素仍在页面中占据位置,但是不会响应绑定的监听事件。
    • transform: scale(0,0):将元素缩放为 0,来实现元素的隐藏。这种方法下,元素仍在页面中占据位置,但是不会响应绑定的监听事件。

    ​​​​​​​

     

    展开全文
  • 常用的css不继承属性 display元素转换、 text-decoration文字装饰、 text-shadow文本阴影、 white-space空格换行、 width宽、height高、margin外边距、border边框、padding内边距 background背景 float浮动、...

    首先我们来看一下css优先级:

    !important > 行内样式 > ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性。

    常用的css不可继承的属性

    display元素转换、 text-decoration文字装饰、 text-shadow文本阴影、 white-space空格换行、 width宽、height高、margin外边距、border边框、padding内边距

    background背景 float浮动、clear不允许浮动、position定位、top上、right右、bottom下、left左、min-width最小宽、min-height最小高、max-width最大宽、max-height最大高、overflow溢出隐藏、clip裁剪、z-index堆叠顺序

    常用的css可继承的属性:

    font-family字体系列、font-weight字体加粗、font-size字体大小、font-style字体风格、text-indent文字缩进、text-align水平对齐、line-height线条高度、color颜色

    所有元素可以继承的

    visibility隐藏、cursor光标

    详细

    能继承的属性如下:
    1.字体系列属性 : 
    font     font-family   font-weight    font-size  font-style

    2.文本系列属性
    2.1内联元素
    color   line-height    word-spacing   letter-spacing   text-transform

    2.2块级元素
    text-indent       text-align

    3.元素的可见性
    visbility

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

    5.列表布局属性
    不能继承的属性如下:
    1.display:规定元素应该生成的框的类型.
    2.文本属性: vertical-align      text-decoration
    3.盒子模型的属性 : width     height     margin    border     padding
    4.背景属性: background   background-color     background-image
    5.定位属性   float-clear    position top  right  bottom    left   min-width   min-height  
    max-width   max-height  overflow    clip
     

    展开全文
  • CSS哪些属性可以继承

    千次阅读 2022-03-23 08:58:55
    每个CSS属性定义的概述都指出了这个属性是默认继承的,还是默认不继承的。这决定了当你没有为元素的属性指定值时该如何计算 值。 当元素的一个继承属性没有指定值时,则取父元素的同属性的计算值。只有文档根元素取...
  • css中无继承性的属性哪些

    千次阅读 2021-08-04 04:22:03
    css中无继承性的属性有:1、display;2、文本属性;3、盒子模型属性;4、背景属性;5、定位属性;6、生成内容属性;7、轮廓样式属性;8、页面样式属性;9、声音样式属性。本教程操作环境:windows10系统、css3、Dell...
  • CSS哪些属性继承哪些不可以? 能继承属性 1.字体系列属性font, font-family、 font-weight, font- size、font-style; 2.文本系列属性: ​ 2.1)内联元素: color, line height, word -spacing、 ​ letter-...
  • CSS中的那些属性是可以继承的?

    千次阅读 2022-04-05 12:02:10
    每一个css属性定义的概述都指出了这个属性是默认继承的,还是默认不继承的。这决定了当你没有为元素指定值时该如何计算。 当元素的一个继承属性没有指定值时,则取父元素的同属性的计算值。如果文档根元素没有设置值...
  • css不继承父类的属性哪些

    千次阅读 2021-08-05 00:42:26
    css不继承父类的属性有:display、width、height、margin 、border、float、clear、position、top、right、bottom、left、background、content、size等等。本教程操作环境:windows7系统、CSS3&&HTML5版、...
  • css哪些属性可以继承

    千次阅读 2021-08-31 21:51:45
    css哪些属性可以继承 1.字体系列属性 font:组合字体 font-family:规定元素的字体系列 font-weight:设置字体的粗细 font-size:设置字体的尺寸 font-style:定义字体的风格 2、文本系列属性 text-indent:文本...
  • css中可以继承属性都有哪些

    千次阅读 2021-08-05 04:31:34
    所有元素可继承:visibility、cursor。内联元素可继承:letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration...
  • 4.5.1值的继承 继承也是基于文档树的,文档树中元素的某些属性可以被其子元素继承,每一个CSS属性都定义了它能否被继承。例如有下列代码,其在浏览器内显示如图4-29所示。 p{color:green;} 文档树中一元素的某些值...
  • css样式表继承指的是,特定的css属性向下传递到后代元素 为了看到继承的实际应用,我们将使用下面的HTML代码。 <p> <em> 继承</em> </p> 注意: em元素在 p元素的内部。 我们也使用CSS...
  • 关于css属性继承

    千次阅读 2021-11-09 08:27:45
    关于css属性继承 继承:html元素可以从父元素那里继承一部分css属性,即使当前元素没有定义该属性。 1.css可以和可以继承的属性 可继承的: display、margin、border、padding、background、height、min-...
  • 这是一个十分新的 CSS 属性,使用起来十分简单,可以从各个方向反射我们内容。不过兼容性过于惨淡: 基本上是只有 -webkit- 内核的浏览器才支持。 不过使用起来真的是方便,解题如下: 不过使用起来真的是方便,...
  • CSS继承属性分类

    千次阅读 2022-03-15 14:32:17
    CSS继承属性分类 一、有继承性的属性 二、继承属性
  • 可以继承的样式:font-size、font-family、color、list-style、cursor 继承的样式:width、height、border、padding、margin、background
  • 主要介绍了css属性继承,介绍了属性的可以继承继承,同时分析了继承的局限性以及是否可以取消等等,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下。
  • css属性继承

    2012-04-17 11:22:36
    CSS中,许多属性都是可以继承的,如某个段落的字体设置为白色,其元素的字体不用设置或设置为inhert,它就是白色。这些属性被称之为inherited property,它会从父元素获取对应属性的经过计算与转换的值(computed ...
  • css 哪些样式属性可以继承

    千次阅读 2018-08-17 10:29:58
    继承的: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-...
  • 哪些属性可以继承?优先级算法如何计算?CSS选择符有哪些哪些属性可以继承?优先级算法如何计算?1、选择符2、继承3、优先级总结 CSS选择符有哪些哪些属性可以继承?优先级算法如何计算? 1、选择符 基本选择器...
  • css属性哪些可以继承

    千次阅读 2020-08-26 10:41:51
    下面我们来看一下css中的属性哪些可以继承css中有继承性的属性: 1、字体系列属性 font:组合字体 font-family:规定元素的字体系列 font-weight:设置字体的粗细 font-size:设置字体的...
  • 继承 属性
  • style type=text/css>p { line-height:17px;}</style> <div class=mdse-detail> <p> <strong xss=removed> 品牌:XZX 市场价:145元 颜色:黑色 面料:棉 尺码:S M L 衣长:S 89 M 90...
  • CSS哪些属性可以被继承

    千次阅读 2017-07-25 09:14:45
    CSS哪些属性可以被继承 主要的有: 字体相关:line-height(行高), font-family(文字类型), font-size(文字大小), font-style(字形), font-variant(文字变化), font-weight(文字重度), font(文字)...
  • CSS哪些属性可以继承哪些不继承继承属性:1.字体系列属性font:组合字体font-family:规定元素的字体系列font-weight:设置字体的粗细font-size:设置字体的尺寸font-style:定义字体的风格font-variant:偏大或偏小...
  • 举例详解CSS中的继承

    2021-01-19 21:12:17
    换句话说,当你查看CSS属性backgruound-color,你会看到一栏「继承性」,也许你几乎没有在意过它,但是它还是十分有用的。什么是CSS继承 每一个元素都是文档树的一部分,除了最顶级的HTML元素,每个元素都有其对应的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 127,227
精华内容 50,890
关键字:

哪些css属性不能继承