all属性(CSS设置重置为其初始值)
all属性实际上是所有CSS属性的缩写,表示,所有的CSS属性都怎样怎样;但是,不包括unicode-bidi和direction这两个CSS属性。
作用:all属性将重置除了unicode-bidi和direction外的所有属性。
语法:
all:initial|inherit|unset;
initial:将应用于元素或元素父级的所有属性更改为其初始值。
inherit:将应用于元素或元素的父级的所有属性更改为其父级值
unset:将应用于元素或元素的父级的所有属性更改为它们的父值(如果它们是可继承的),或者更改为它们的初始值(如果不是可继承的)。
注:InternetExplorer和Safari浏览器不支持all属性。
CSSall属性的使用示例
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
html{
font-size:small;
color:blue;
}
p{
font-size:20px;
color:#000;
}
#ex1{
background-color:yellow;
color:red;
}
#ex2{
background-color:yellow;
color:red;
all:inherit;
}
#ex3{
background-color:yellow;
color:red;
all:initial;
}
#ex4{
background-color:yellow;
color:red;
all:unset;
}
</style>
</head>
<body>
<p>没有设置all属性:</p>
<divid="ex1">PHP中文网!!!</div>
<p>all:inherit:</p>
<divid="ex2">PHP中文网!!!</div>
<p>all:initial:</p>
<divid="ex3">PHP中文网!!!</div>
<p>all:unset:</p>
<divid="ex4">PHP中文网!!!</div>
</body>
</html>
CSS设置重置为其初始值
css重置款式首要是为了让各个浏览器的CSS款式有一个一致的基准,使HTML元素款式在跨浏览器时有一致性的作用。
备注:浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,假如不对css初始化往往会呈现浏览器之间的页面显示差异。但是初始化款式也会对SEO有一定的影响,故初始化时尽量使影响最小。
1.2重置文件
reset.css:传统的重置款式文件,重置清零处理来保障一致基准,如(*{margin:0;padding:0;})。
normailze.css:是一个很小的css,是一种为HTML5预备的优质重置方案(替代reset.css)。(https://necolas.github.io/normalize.css/5.0.0/normalize.css)。
1.2.1NormalizevsReset
1.Normalize.css保护了有价值的默认值
Reset通过为简直一切的元素施加默认款式,强行使得元素有相同的视觉作用。相比之下,Normalize.css保持了许多磨人的浏览器款式。这就意味着你不用再为一切公共的排版元素从头设置款式。当一个元素在不同的浏览器中有不同的默认值时,Normalize.css会力求让这些款式保持一致并尽可能与现代标准契合。
2.Normalize.css修正了浏览器的bug
它修正了常见的桌面端与移动端浏览器的bug。这往往超出了Reset所能做到的规模。关于这一点,Normalize.css修正的问题包含了HTML5元素的显示设置、预格式化文字的font-size问题、在IE9中SVG的溢出、许多呈现在各浏览器和操作系统中的与表单相关的bug。
3.Normalize.css不会让你的调试东西变的杂乱
使用Reset最让人困扰的地方莫过于在浏览器调试东西中大段大段的承继链,在Normalize.css中就不会有这样的问题,因为在我们的准则中对多选择器的使用是十分谨慎的,我们仅会有目的地对方针元素设置款式。
4.Normalize.css是模块化的
这个项目现已被拆分为多个相关却又独立的部分,这使得你能够很简单也很清楚地知道哪些元素被设置了特定的值。因而这能让你自己选择性地移除掉某些永久不会用到的部分(比方表单的一般化)。
5.Normalize.css具有具体的文档
Normalize.css的代码基于具体而全面的跨浏览器研究与测试。这个文件中具有具体的代码阐明并在GithubWiki中有进一步的阐明。这意味着你能够找到每一行代码具体完成了什么作业、为什么要写这句代码、浏览器之间的差异,并且你能够更简单的进行自己的测试。
优秀作品:
最新作品:
评论列表(共275人参与)参与讨论或分享设计作品获得视觉癖积分奖励
本钱低廉、注册会员
2021-05-27 11:23:24
咱们看到这样的一张PPT,视觉很平平,对不对? 可是,当咱们为它增加了突变作用后,咱们的视野是不是更聚集在中心了呢? ,扮演女主角燕姬,并凭仗此话剧荣获最佳配角奖。2016年8月31日,主演
回复,谁为情注册会员
2021-05-27 14:32:0
-fill-游客
2021-05-27 4:55:46
游客23854:all属性(CSS设置on特点,不然当时长为0时,就不会播映动画了。 css3animation-name特点的运用示例 注释:InternetExplo 9、你留给咱们的不是你的得分纪录和总冠军奖杯,而是你的精力,对于篮球工作的追求和近乎于偏执的态度。 10、
回复司原是由注册会员
2021-05-27 6:13:52
initial:将应用于元素或元素父级的所有属性更改为其初始值。 比较合适时才运用它; 2、HTML5标准声明:标题应该用标签 ~
回复