css inherit(继承)和initial(初始值)

可以被继承的属性

主要是跟文本相关

color、font、font-family、font-size、font-weight、font-variant、font-style、line-height、
letter-spacing、text-align、text-indent、text-transform、white-space以及word-spacing。

列表相关

list-style、list-style-type、list-style-position以及list-style-image

表格的边框相关

border-collapse和border-spacing

继承值的计算

当一个元素的值定义为长度（px、em、rem，等等）有单位时，子元素会继承它的计算值
使用无单位的数值时，继承的是声明值，即在每个继承子元素上会重新算它的计算值。

inherit

使用继承值，元素会继承其父元素的值
可以使用其强制继承一个通常不会被继承的属性，如border等

initial

使用样式初始值(默认值)，当需要撤销作用于某个元素的样式，可以使用initial来实现
每个css样式都有初始值，通过initial能有效将其重置，相当于硬复位，比起了解每个元素的初始值,initial设置起来更方便

boder:inital; //删除边框
width:inital; //恢复到默认宽度,width:auto; auto就是默认值

当使用简写属性时，会设置省略的值为初始值
- 简写省略的属性可能会造成样式改变

<h1 class='title'>h1{font-weight:bold; //给h1设置的字体变粗会失效，会因为简写变成font-weight:normal;
}
.title{font:32px Helvetica,Arial,sans-serif
}

css inherit(继承)和initial(初始值)相关推荐

【转】刨根究底CSS（2）：CSS中的各种值——初始值，就是默认值吗？
先问个非常简单的问题,这个问题的答案,相信大部分Web开发人员都自认为显而易见,但却又多半会答错:CSS属性中的初始值(initial value),就是默认值(default value)吗? 难道 ...
css不继承上级样式_【FrontEnd】CSS
总目录 CSS3 属性布局导入 1.CSS (1)CSS3新增属性圆角(border-radius:8px) 增加了更多的CSS选择器多背景 Rgba.渐变gradient 过渡transit ...
html css inherit,CSS 继承 inherit属性的方法
给定一张有如下背景图的 div: 制作如下的倒影效果: 方法很多,但是我们当然要寻找最快最便捷的方法,至少得是无论图片怎么变化, div 大小怎么变化,我们都不用去改我们的代码. 法一:-webkit ...
CSS中100%和inherit(继承)的区别，以及inherit的简单应用
CSS中100%和inherit(继承)的区别正常情况下没有区别兼容性 100% ie6+ inherit ie8+ 该元素绝对定位,父元素使用静态定位(static)或没有使用定位时 100%继 ...
CSS的继承、权值与层叠
2019独角兽企业重金招聘Python工程师标准>>> 笔者最近在细细学习前端方面的基础知识.以前对CSS布局的各式"花样"总是摸不着头脑,可以接受的就是abso ...
CSS 样式继承 inherit 属性
inherit 属性在CSS中,子元素会继承了父元素的一些样式属性.能够继承到子类的样式属性非常有限,仅是文字.字体.颜色... 子类如果还想继承父类的属性,可以通过inherit 强制继承. 通 ...
CSS基础（6）- 属性值的计算过程
本系列笔记是基于[渡一教育]袁进老师的html+css基础课程而记录,仅作为个人记录以及阅读使用. 文章目录属性值的计算过程参考资料属性值的计算过程一个元素一个元素依次渲染,顺序则是按照页面文 ...
CSS overflow的几种属性值
CSS overflow的几种属性值 visible: 默认值.内容不会被修剪,会呈现在元素框之外 hidden: 内容会被修剪,并且其余内容是不可见的 scroll: 内容会被修剪,但是浏览器会显示 ...
前端面试知识点-DOCTYPE、盒模型、css选择符、position的值、网络协议【小咚 “面筋” 记】
文章目录前言一.DOCTYPE的作用二.盒模型三.css选择符有哪些?优先级? 1.选择符 2.优先级四.position的值有哪些? 五.网络协议(OSI.TCP/IP) 总结前言每天 ...

css inherit(继承)和initial(初始值)

css inherit(继承)和initial(初始值)相关推荐

最新文章

热门文章