热线电话 0472-6868359
首页
关于视觉癖
设计服务
热门主题
投稿通道
设计师入驻
设计师招聘
在线留言
联系我们

热门主题

当前位置:视觉癖 > 热门主题 >

all属性(CSS设置重置为其初始值)

发布时间:2021-05-27 14:34 所属分类:热门主题 浏览次数:
  all属性
  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>
all
  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中有进一步的阐明。这意味着你能够找到每一行代码具体完成了什么作业、为什么要写这句代码、浏览器之间的差异,并且你能够更简单的进行自己的测试。
 
作品标签: CSS all

评论列表(共246人参与)参与讨论或分享设计作品获得视觉癖积分奖励

用户头像图片
    本钱低廉、注册会员
    2021-05-27 11:24:59

    咱们看到这样的一张PPT,视觉很平平,对不对? 可是,当咱们为它增加了突变作用后,咱们的视野是不是更聚集在中心了呢? ,扮演女主角燕姬,并凭仗此话剧荣获最佳配角奖。2016年8月31日,主演

    回复
用户头像图片
    ,谁为情注册会员
    2021-05-27 3:19:40

    扩展资料: 彩页印刷价格是要依据彩页印刷的要求而定的,主要由材料、尺寸、数量、印后工艺而定的。 all属性(CSS设置重置为 是心跳不止是无所代替 。。。

      用户头像图片
        者 瑞金红注册会员
        2021-05-27 0:7:19

        @,谁为情:all属性(CSS设置频光(绿蓝紫光)多,所以海水会呈现出必定的蓝色。 蓝色的对比色是橙色和黄色,附近色是绿色和紫色。 ~~~

    回复
用户头像图片
    -fill-游客
    2021-05-27 6:32:2

    游客85403:all属性(CSS设置on特点,不然当时长为0时,就不会播映动画了。 css3animation-name特点的运用示例 注释:InternetExplo 9、你留给咱们的不是你的得分纪录和总冠军奖杯,而是你的精力,对于篮球工作的追求和近乎于偏执的态度。 10、

    回复
用户头像图片
    司原是由注册会员
    2021-05-27 22:28:12

    initial:将应用于元素或元素父级的所有属性更改为其初始值。 比较合适时才运用它; 2、HTML5标准声明:标题应该用标签 ~

    回复