精华内容
下载资源
问答
  • 可以继承的样式:font-size、font-family、color、list-style、cursor 不可继承的样式:width、height、border、padding、margin、background

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

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

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

    千次阅读 2020-08-26 10:41:51
    css的学习过程中,我们会遇到一些属性可以继承,那么,css中的继承是什么意思?有哪些属性可以继承呢?下面我们来看一下css中的属性有哪些可以继承css中有继承性的属性: 1、字体系列属性 font:组合...

    css的学习过程中,我们会遇到一些属性可以继承,那么,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:文本水平对齐

    • 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、opacity

    2、光标属性:cursor

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

    1、字体系列属性

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

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

    1、text-indent、text-align

     

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

    鸣谢

    感谢大家观看!

    展开全文
  • 所有元素可继承: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属性继承,介绍了属性可以继承和不可继承,同时分析了继承的局限性以及是否可以取消等等,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下。
  • CSS属性继承

    千次阅读 2019-06-19 14:16:13
    一个子元素可以从祖先元素继承“可继承属性”的计算值。 可以对比Java的继承来理解,子类的实例调用某方法show()时,如果子类中不存在,则会调用父类中的show()方法,如果父类中也没有,则调用父类的父类中的show()...
  • 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属性继承性总结(转载)

    千次阅读 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、...
  • css可以从父元素继承属性有: 一 、字体系列属性 <!->通过指定font-size-adjust属性,浏览器将调整字体大小,无论字体系列("宋体"性质值0.58):<-!> font:组合字体 font-family:规定元素的字体...
  • CSS继承属性

    千次阅读 2019-06-24 20:20:34
    继承性的属性: 1、字体系列属性 font:组合字体 font-family:规定元素的字体系列 font-weight:设置字体的粗细 font-size:设置字体的尺寸 font-style:定义字体的风格 font-variant:设置小型大写字母的字体...
  • 4.5.1值的继承 继承也是基于文档树的,文档树中元素的某些属性可以被其子元素继承,每一个CSS属性都定义了它能否被继承。例如有下列代码,其在浏览器内显示如图4-29所示。 p{color:green;} 文档树中一元素的某些值...
  • 关于css属性继承

    2021-11-09 08:27:45
    关于css属性继承 继承:html元素可以从父元素那里继承一部分css属性,即使当前元素没有定义该属性。 1.css可以和不可以继承的属性 不可继承的: display、margin、border、padding、background、height、min-...
  • css中无继承性的属性有:1、display;2、文本属性;3、盒子模型属性;4、背景属性;5、定位属性;6、生成内容属性;7、轮廓样式属性;8、页面样式属性;9、声音样式属性。本教程操作环境:windows10系统、css3、Dell...
  • 一、选择器CSS选择器是CSS规则的第一部分它是元素和其他部分组合起来告诉浏览器哪个HTML元素应当是被选为应用规则中的CSS属性值的方式选择器所选择的元素,叫做“选择器的对象”我们从一个...
  • css有哪些属性可以继承

    千次阅读 2018-05-08 09:36:41
    1.背景介绍了解css样式...2.知识剖析对于一些可以继承的属性,可以只设置上级的CSS样式表树形,子级(下级)不用设置,会自动继承CSS属性可以减少CSS代码,便于维护。那么有哪些属性可以自动继承?有继承性的属...
  • CSS选择器有哪些? 选择符类型 例子 例子描述 通用选择器 *  类别选择器(.class) .intro 选择class=”intro”的所有元素 ID选择器(#id) #first 选择id=”first”的所有元素 标签选择器(element) div 选择...
  • 这是一个十分新的 CSS 属性,使用起来十分简单,可以从各个方向反射我们内容。不过兼容性过于惨淡: 基本上是只有 -webkit- 内核的浏览器才支持。 不过使用起来真的是方便,解题如下: 不过使用起来真的是方便,...
  • CSS中哪些属性继承性?

    千次阅读 2020-09-28 16:55:45
    CSS中哪些属性继承性哪些属性没有继承性? 一、继承性的代码演示(深入理解): <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=...
  • 很多人喜欢在body中加样式来控制全局字体的样式,像字体、大小、颜色等。
  • CSS哪些属性可以继承哪些不可继承继承属性:1.字体系列属性font:组合字体font-family:规定元素的字体系列font-weight:设置字体的粗细font-size:设置字体的尺寸font-style:定义字体的风格font-variant:偏大或偏小...
  • 不可继承的: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-...
  • 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...
  • 不可继承的: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...
  • css子元素继承父元素属性

    千次阅读 2019-05-28 11:34:28
    样例: :global { .ant-form-item-label label { color: inherit; font-size: inherit;...css属性继承 - 文本 color(颜色,a元素除外) direction(方向) font(字体) font-family(字体...
  • css中有继承性和无继承性的属性

    千次阅读 2019-01-07 14:22:00
    一、无继承性的属性 1、display:规定元素应该生成的框的类型 2、文本属性: vertical-align:垂直文本对齐 text-decoration:规定添加到文本的装饰 text-shadow:文本阴影效果 white-space:空白符的处理 ...
  • css可以和不可以继承属性

    千次阅读 2016-07-23 22:10:36
    css样式中不是全部的属性都是可以被子元素继承的,下面列出 css可以和不可以继承属性
  • CSS可以和不可以继承属性

    千次阅读 2017-07-16 15:27:42
    CSS可以和不可以继承属性

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 118,654
精华内容 47,461
关键字:

css那些属性可以继承