精华内容
下载资源
问答
  • 继承的:display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、cle...

    这种问题一般都是根据经验积累的吧,没看到有官方的文档,倒是从网上搜到一份,供参考。

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

    http://blog.163.com/yhwwen@126/blog/static/170468853201326421822/

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

    千次阅读 2017-02-19 16:22:10
    css哪些属性可以继承? 这是前两天突然想到的一个问题,经常看见有的css样式中会出现XXX:inherit;自己模仿的时候也就跟着写了,但却知道它的原理是什么。当然,留心的话多写几次也总结出来,比如经常看见...

    css中哪些属性可以继承?

    这是前两天突然想到的一个问题,经常看见有的css样式中会出现XXX:inherit;自己模仿的时候也就跟着写了,但却不知道它的原理是什么。当然,留心的话多写几次也能总结出来,比如经常看见文本相关的会写inherit,表格类会写inherit,但不总结的话,知识就不会形成经证实的认知,不会完全吸收为自己的东西,所以还是查找了资料记录下来。 css中默认会继承的属性在上面已经提到了,一是文本相关的属性,具体有: font-family, font-size, font-style,font-variant, font-weight, font, letter-spacing,line-height,text-align, text-indent, text-transform,word-spacing 二是列表相关的属性,具体如下: list-style-image, list-style-position,list-style-type, list-style 还有一个属性比较重要的是color属性。

    查找资料过程中发现另外一个小知识点,虽然之前也看到过,但那时候没有完全理解,也没有记录,以至于再次看到时竟感觉完全没接触过,这次理解了也记录下来。那就是css中样式的特性值,它代表了不同样式的权重,权重大的样式优先。比如一个元素同时具有几个类或id,并且样式之间具有冲突,则权重大的样式会覆盖权重小的样式。

    <div class="classname" id="idname"></div> <style> .classname{ color:red; } #idname{ color:blue; } </style> 则这个div的文本颜色为为蓝色。因为id的权重比class大。那么权重的具体计算规则是怎样的呢?如下所示:
    •          h1 {color:blue;}                        特性值为:1
    •   p em{color:purple;}                    特性值为:1+1=2
    •   .apple {red;}                           特性值为:10
    •   p.bright {color:yellow;}                  特性值为:10+1=11
    •   p.bright em.dark {color:brown;}           特性值为:10+1+10+1=22
    •   #idname {color:yellow}                   特性值为:100
    这是正常情况下的计算规则,那么有没有特例呢?我们需要更周密的思考,你想到了什么么?是的,内联样式呢?像这样: <div class="classname" id="idname" style="color:green"></div> 这时候谁的优先级更高呢?答案是内联样式的更高。 还有一种特殊情况,是的,!important.如果样式注明了important优先级呢?那么,不管是内联样式还是外链样式,!important的优先级都是最高的

    文章解释的不错,转载过来,转载地址:http://www.cnblogs.com/HUSTecho/archive/2013/03/26/3199538.html 
    展开全文
  • 在面试过程中,有时会被问到,css里面哪些属性可以继承,哪些属性不能继承。下面就简单的盘点一下。 可以继承的属性: 常用的font属性是可以继承的,比如:font-size,font-family,font-weight等; 文本属性也是可以...

    在面试过程中,有时会被问到,css里面哪些属性可以继承,哪些属性不能继承。下面就简单的盘点一下。

    可以继承的属性:

    常用的font属性是可以继承的,比如:font-size,font-family,font-weight等;
    文本属性也是可以继承的,比如:text-align,line-height等;

    不可继承的属性:

    display属性,比如:display:none,flex,block等等;
    DOM的自身属性,比如:width,height,padding,margin,border等;
    背景属性,比如:background-color,background-image;
    以及常用的定位属性,比如:position,float,transform等;

    另外值得提的一个问题就是在写css样式的时候,先后顺序是什么?
    这个问题一般不会被问到,但是一些对基础比较在意的公司有可能会问到,那下面就简单的说一下。
    1、位置属性 【position,display,top,float,z-index】;
    2、自身属性 【width,height,padding,margin】;
    3、样式属性 【color,font,text-align】;
    4、CSS3属性 【transform,animation】

    以上只是一个简单的介绍与举例,大家在项目中还会遇到很多类似的东西。所以在面试的时候不要懵,稍微的回想一下项目就可以答上来了。

    展开全文
  • emmm,这题答案是A,看到这题我是选对的,但又不由让我想到一件事情,在全部的CSS属性里有哪些可被继承哪些是可以的? 百度一手后发现,emmm继承的属性有点多,那稍微记下可继承好了,又转载KerwinLee...

    以下的CSS属性哪些可以继承?(单选)

    A.   font-size
    B.   margin
    C.   width
    D.   padding

    emmm,这题答案是A,看到这题我是能选对的,但又不由让我想到一件事情,在全部的CSS属性里有哪些是不可被继承,哪些是可以的?

    百度一手后发现,emmm不可继承的属性有点多,那稍微记下可继承好了,又转载KerwinLee的博客一手

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

    一、无继承性的属性

    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

     

    六、列表元素可以继承的属性

    1、list-style、list-style-type、list-style-position、list-style-image

     

    补充第六点之后,又在想一个问题:终端块级元素?我还是读书少了,默默流下没有知识的泪水,故下面补充下相关知识

    终端块状元素

    块级元素按照其应用于结构还是内容,可分为:结构化块状元素、终端块状元素、多目标块状元素

    结构化块状元素:无语义含义,仅划分文档组织方式

    主要的结构化块状元素
    ol ul dl table

    支持结构化的元素

    li dt dd caption
    thead tbody tfoot colgroup col

    终端块状元素:有语义含义,表明内容性质,无法包含其他块级元素,仅包含文本或行级元素

    h1-h6
    p blockquote dt address caption

    多目标块状元素:可自由扩展或嵌套文档结构,可以结构化方式使用 ,可以终端形式使用

     

    转载于:https://www.cnblogs.com/nightnight/p/10991559.html

    展开全文
  • 今天来总结一点关于css哪些属性可以被继承哪些不可以被继承。不是很全,仅供大家参考,也方便于自己以后复习。 一、不能继承属性 1、display:规定元素应该生成的框的类型 2、文本属性: vertical-...
  • CSS继承与层叠

    2019-12-16 09:18:32
    前端知识共享什么是css的继承和层叠?继承的定义哪些属性可以继承呢?层叠优先级盒模型定位体系 ...但是不是每个属性能继承的。 哪些属性可以继承呢? 这里我列举一些: color font- text- line- 像一...
  • css继承

    2019-10-03 17:42:29
    父元素的属性那些可以被子元素继承,哪些不能呢? css继承性是什么? 在面向对象语言都会存在继承的概念,在面向对象语言中,继承的特点:继承了父类的属性和方法。 那么我们现在主要研究csscss就是在设置...
  • 一、继承性 1)什么是继承性? 给父元素设置一些属性,子元素/后代也可以使用,这个我们称之为继承性...a标签的文字颜色和下划线是不能继承的 h标签的文字大小是不能继承的 4)继承性应用场景 一般用于设...
  • 一、继承性1)什么是继承性? 给父元素设置一些属性,子元素/...a标签的文字颜色和下划线是不能继承的 h标签的文字大小是不能继承的 4)继承性应用场景 一般用于设置网页上的一些共性信息,例如网页的文字颜色,字体
  • css样式继承规则详解

    2018-06-25 19:00:00
    多数边框类属性,比如象Padding(补白),Margin(边界),背景和边框的属性都是不能继承的。 2、表格能继承父亲的样式么? 不能 3、如何给当前设置的样式添加最高权限? !important 设置某个规则比其他的...
  • CSS继承性和层叠性

    2017-02-01 22:17:00
    继承性 CSS的一个主要特征就是继承,它是依赖于祖先-后代的关系的。... 所有关于盒子的、定位的、布局的属性不能继承。 层叠性 层叠性:就是CSS处理冲突的能力。 所有的权重计算,没有任何兼容问题! ...
  • 02 CSS-继承和层叠

    2017-07-13 14:19:35
    所有关于盒子的、定位的、布局的属性不能继承。继承性是从自己开始,直到最小的元素。 层叠性 当选择器,选择上了某个元素的时候,那么要这么统计权重:(id的数量,类的数量,标签的数量) 权重问题大总结: ...
  • 1 继承性 有一些属性,当给自己设置的时候,自己的后代都继承上了,这个就是继承性。 哪些属性能继承?...所有关于盒子的、定位的、布局的属性不能继承。 如果将body设置为: 1 body{ 2 color:gray; 3
  • HTML 继承

    2020-10-24 07:48:04
    疑问: 我怎么知道哪些 CSS 属性继承属性, 哪些 CSS 属性继承属性? 可以利用 MDN 进行查阅 具有可继承性的属性, 比如 color 属性 具有可继承性的属性, 比如 margin 属性 具体内容可以在MDN 继承查阅 ...
  • css

    2017-11-14 22:57:13
    CSS的继承性和层叠性 ... 所有关于盒子的、定位的、布局的属性不能继承。 层叠性 层叠性:就是css处理冲突的能力。 所有的权重计算,没有任何兼容问题! 当选择器,选择上了某个元素的时候,那么要这
  • 1.1 继承性 有一些属性,当给自己设置的时候,自己的后代都... 所有关于盒子的、定位的、布局的属性不能继承。 所以,如果我们的页面的文字,都是灰色,都是14px。那么就可以利用继承性: 1 body{ 2 color:gray;
  • 不至于遇到功能还不清楚JS或CSS不能支持。 以上问题可以查询手册。一下问题则必须记得清楚,就像一个java程序员得知道什么是面向对象,什么是继承。 JS的问题: 1, 不同类型运算时如何进行类型转换的。 2, ...
  • 前端开发知识点之 css

    2017-10-20 17:51:45
    CSS css两个性质:1) 继承性。有一些属性给祖先元素... 所有关于盒子的、定位的、布局的属性不能继承。 2) 层叠性。层叠性是一种能力,就是处理冲突的能力。当不同选择器,对一个标签的同一个样式,有不同的值...
  • 前端学习之css

    2018-02-18 23:28:48
    所有关于盒子的,定位的,布局的属性不能继承层叠性(权重 id&gt;类&gt;标签选择器)要选择到具体的元素,父类也不行(继承的话,权重为0),如果都没有就近原则。 标准文档流宏观的讲:web的页面设计从...
  • 9.css哪些特性? 答:(1)层叠性:当多个样式作用在同一个标签上就会产生层叠,样式冲突,此时会选择最新... 注:h系列元素不能继承文字大小;a标签不能继承文字颜色。10.css的基本选择器都有哪些?分别适合在...
  • 3种基本的选择器: 标签选择器 id选择器 类选择器 4种复合的: 后代选择器 交集选择器 并集选择器 三 css的特性  1 继承性 :有一些属性,当给自己设置的时候, ...盒子、布局、定位不能继承的  
  • 1.transparent 透明的 2.placeholder 提示语 写页面 搞清结构层次, 保证模块化,让他们之间不能受到影响 ...浮动带来的脱离文档流撑不起父级的高度的问题可以采用清除浮动的方式...1.css可以继承属性哪些?...
  • 便签1

    2016-05-26 15:46:17
    1.css继承:文本属性text和字体font属性才会继承,不是所有属性能继承 2.我们可以把网页中的每个元素,都看成是一个“盒子”。 “盒子”有哪些特征:内容的宽度或高度、边框线、内填充、外边距。 “盒子”的总...
  • 2020前端面试题总结

    2020-07-29 22:31:50
    7、css哪些属性可以继承哪些不能 8、rem em及px之间区别 9、垂直居中的方式(定宽与不定宽) 二、动画 三、vue 1、vue里阻止事件冒泡 2、watch和computed及methods之间区别 3、双向数据绑定的原理 4、...

空空如也

空空如也

1 2
收藏数 39
精华内容 15
关键字:

哪些css属性不能继承