精华内容
下载资源
问答
  • css那些属性可以继承?那些属性不可以继承
    千次阅读
    2019-05-31 20:09:42

    可以继承的样式:font-size、font-family、color、list-style、cursor

    不可继承的样式:width、height、border、padding、margin、background

    更多相关内容
  • css中无继承性的属性哪些

    千次阅读 2021-08-04 04:22:03
    css中无继承性的属性有:1、display;2、文本属性;3、盒子模型属性;4、背景属性;5、定位属性;6、生成内容属性;7、轮廓样式属性;8、页面样式属性;9、声音样式属性。本教程操作环境:windows10系统、css3、Dell...

    css中无继承性的属性有:1、display;2、文本属性;3、盒子模型属性;4、背景属性;5、定位属性;6、生成内容属性;7、轮廓样式属性;8、页面样式属性;9、声音样式属性。

    a0c6ff1c65a37f5a62f0ca42e5d3b93b.png

    本教程操作环境:windows10系统、css3、Dell G3电脑。

    无继承性的属性:

    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

    相关推荐:CSS教程

    (学习视频分享:css视频教程)

    展开全文
  • 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和强制继承父元素的某些属性;

    鸣谢

    感谢大家观看!

    展开全文
  • 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...

    所有元素可继承: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。

    不可继承的: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。

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

    千次阅读 2020-08-26 10:41:51
    下面我们来看一下css中的属性哪些可以继承css中有继承性的属性: 1、字体系列属性 font:组合字体 font-family:规定元素的字体系列 font-weight:设置字体的粗细 font-size:设置字体的...
  • css样式表继承指的是,特定的css属性向下传递到后代元素,之前我们已经看了css中可以继承的属性,下面我们来看一下css中有哪些不继承的属性。查看css中可继承的属性可以参考:css哪些属性可以继承?css中继承...
  • CSS哪些属性可以继承哪些不继承继承属性:1.字体系列属性font:组合字体font-family:规定元素的字体系列font-weight:设置字体的粗细font-size:设置字体的尺寸font-style:定义字体的风格font-variant:偏大或偏小...
  • 一、选择器CSS选择器是CSS规则的第一部分它是元素和其他部分组合起来告诉浏览器哪个HTML元素应当是被选为应用规则中的CSS属性值的方式选择器所选择的元素,叫做“选择器的对象”我们从一个...
  • 哪些属性可以继承?优先级算法如何计算?CSS选择符有哪些哪些属性可以继承?优先级算法如何计算?1、选择符2、继承3、优先级总结 CSS选择符有哪些哪些属性可以继承?优先级算法如何计算? 1、选择符 基本选择器...
  • css哪些属性可以继承

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

    千次阅读 2016-12-29 13:35:26
    CSS可以继承属性如下: 1)文本相关属性:font-family、 font-size、 font-style、font-variant, font-weight、 font、 letter-spacing、line-height、text-align、 text-indent、text-transform、word-spacing...
  • CSS哪些属性可以继承

    千次阅读 2017-07-25 09:14:45
    CSS哪些属性可以继承 主要的有: 字体相关:line-height(行高), font-family(文字类型), font-size(文字大小), font-style(字形), font-variant(文字变化), font-weight(文字重度), font(文字)...
  • css不继承父类的属性有:display、width、height、margin 、border、float、clear、position、top、right、bottom、left、background、content、size等等。本教程操作环境:windows7系统、CSS3&&HTML5版、...
  • css可以从父元素继承属性有: 一 、字体系列属性 <!->通过指定font-size-adjust属性,浏览器将调整字体大小,无论字体系列("宋体"性质值0.58):<-!> font:组合字体 font-family:规定元素的字体...
  • css继承性:CSS继承可定义为特定的css属性向下传递到子孙元素,就是指被包在内部的标签将拥有外部标签的样式,即子元素可以继承父元素的属性。继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用...
  • 1、字体系列属性 font-family:字体系列 font-weight:字体的粗细 font-size:字体的大小 font-style:字体的风格 2、文本系列属性 text-indent:文本缩进 text-align:文本水平对齐 line-height:行高 ...
  • CSS选择器有哪些? 选择符类型 例子 例子描述 通用选择器 *  类别选择器(.class) .intro 选择class=”intro”的所有元素 ID选择器(#id) #first 选择id=”first”的所有元素 标签选择器(element) div 选择...
  • 一.深度剖析css原理; 二.那些样式会继承父级元素的: 1.font-size 2.font-family 3.color 4.text-align:center 5.line-height 6.font-weight 7.text-indent
  • 这是一个十分新的 CSS 属性,使用起来十分简单,可以从各个方向反射我们内容。不过兼容性过于惨淡: 基本上是只有 -webkit- 内核的浏览器才支持。 不过使用起来真的是方便,解题如下: 不过使用起来真的是方便,...
  • 继承的: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...
  • 很多人喜欢在body中加样式来控制全局字体的样式,像字体、大小、颜色等。
  • css属性继承性总结(转载)

    千次阅读 2020-03-22 13:01:29
    css属性继承性总结(转载) 1. css可以和不可以继承的属性 不可继承的:display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、...
  • 4.5.1值的继承 继承也是基于文档树的,文档树中元素的某些属性可以被其子元素继承,每一个CSS属性都定义了它能否被继承。例如有下列代码,其在浏览器内显示如图4-29所示。 p{color:green;} 文档树中一元素的某些值...
  • 主要介绍了css属性继承,介绍了属性可以继承继承,同时分析了继承的局限性以及是否可以取消等等,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下。
  • CSS哪些属性会被继承

    2015-11-04 17:01:46
    CSS哪些属性会被继承: *文本 color颜色,a元素除外 direction方向 font字体 font-family字体系列 font-size字体大小 font-style用于设置斜体 font-variant用于设置小型大写字母 font-weight用于设置粗体 ...
  • 关于css属性继承

    千次阅读 2021-11-09 08:27:45
    关于css属性继承 继承:html元素可以从父元素那里继承一部分css属性,即使当前元素没有定义该属性。 1.css可以和不可以继承的属性 不可继承的: display、margin、border、padding、background、height、min-...
  • CSS哪些样式属性可以继承

    千次阅读 2017-03-21 16:04:13
    继承的: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-...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 122,862
精华内容 49,144
关键字:

css哪些属性不可以继承