css initial

css的initial属性值简单介绍:
用来设置css属性值为它的默认值,也就是浏览器默认设置的css属性值。
此关键字可用于任何HTML元素上的任何CSS属性。
语法结构:

property: initial;

浏览器兼容:
(1).IE浏览器不支持此属性值。
(2).谷歌浏览器支持此属性值。
(3).火狐浏览器支持此属性值。
(4).Opera浏览器支持此属性值。
(5).safria浏览器支持此属性值。
代码实例:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<style type="text/css">
#box {
  color:red;
}
#box p {
  color:initial;
}
</style>
</head>
<body>
<div id="box">
  <h1>antzone</h1>
  <p>蚂蚁部落</p>
</div>
</body>
</html>

上面的代码中,p元素的文字颜色并没有继承div的color属性值,而是使用浏览器默认的颜色值。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=18455

更多内容可以参阅http://www.softwhy.com/css3/

时间: 2025-01-13 15:39:38

css initial的相关文章

CSS initial 关键字,用于设置 CSS 属性为它的默认值

CSS initial 关键字 实例 设置 <div> 元素内的文本颜色为红色,但是为 <h1> 元素保持最初的颜色: div {color: red; }h1 {color: initial; } 浏览器支持 除了 Internet Explorer,其他的主流浏览器都支持 initial 关键字. Opera 15 之前的版本不支持 initial 关键字. 定义和用法 initial 关键字用于设置 CSS 属性为它的默认值. initial 关键字可用于任何 HTML 元素

谈谈一些有趣的CSS题目(十五)-- 谈谈 CSS 关键字 initial、inherit 和 unset

原文:谈谈一些有趣的CSS题目(十五)-- 谈谈 CSS 关键字 initial.inherit 和 unset 开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节. 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题中有你感觉到生僻的 CSS 属性,赶紧去补习一下吧. 不断更新,不断更新,不断更新,重要的事情说三遍. 谈谈一些有趣的CSS题目(一)-- 左边竖条的实现方法 谈谈一些有趣的CSS题目(

css基本语法

[W3C倡导的Web结构] 1.内容与表现分离.html与css分离. 2.内容与行为分离.html与javaScript分离. 3.html代码,必须要实现语义化. [W3C的规范] 1.标签名和属性名称必须小写. 2.html标签必须关闭. 3.属性值必须用引号括起来. 4.标签必须正确嵌套. ①嵌套的标签,不能发生交叉 ②块级标签可以包裹行级,行级标签不能包裹块级:p标签不能包裹p标签等.. 1.引入CSS的三种方式 1.行内样式表 直接在html标签中,使用是style=""的

Designing CSS Layouts With Flexbox Is As Easy As Pie

This article is an updated excerpt of the chapter "Restyle, Recode, Reimagine With CSS3″ from our Smashing Book #3, written by Lea Verou and David Storey. - Ed. Flexible box layout (or flexbox) is a new box model optimized for UI layout. As one of th

css动画-animation各个属性详解(转)

CSS3的animation很容易就能实现各种酷炫的动画,虽然看到别人的成果图会觉得很难,但是如果掌握好各种动画属性,做好酷炫吊炸天的动画都不在话下,好,切入正题. 一.动画属性: 动画属性包括:①animation-name,②animation-duration,③animation-timing-function, 以下是各属性详解: 1.animation-name:指定要绑定到选择器的关键帧的名称. 2.animation-duration:定义动画完成一个周期需要多少秒或毫秒 3.a

div+css浮动的解决方法

如何清楚浮动(一) 已知一个大的div容器,这个容器包含了两个子div容器,然后在这两个子div容器的后面再添加一个div(这个div表示清除浮动的div容器),清楚浮动的div容器设置css样式为clear:both,此时,大的div标签的内部(左右两边/*css5*/)浮动就清除了. 如果有一个大的div容器<div class="divcss5"> </div> ,这个大的div包含了一个子div容器<div class="clear&qu

Automating CSS Regression Testing

The following is a guest post by Garris Shipon . We've touched on the four types of CSS testing here before. Regression testing is the hardest. It's the type where you're trying to test if a change you made to CSS resulted in any unexpected visual pr

(测试文章,转载)CSS深入理解vertical-align和line-height的基友关系

一.想死你们了 几个星期没有写文章了,好忙好痒:个把月没有写长篇了,好忙好想:半个季度没在文章中唠嗑了,好痒好想. 后面一栋楼有对夫妻在吵架,声音雄浑有力,交锋酣畅淋漓,还以为只有小乡镇才有这架势,哦,突然想起来,我就是住在上海郊外的小乡镇上. 刚刚买了几十股京东的股票,第一次玩这个,看好京东的发展.其实股价21的时候就打算入手了,但是,转外汇的时候,提示,要工作时间.然后一忙二忘,等现在入的时候,已经涨了20%多了,科科,肥皂弄人啊!写到这里的时候,忍不住拿出手机一看,哎呦,不错哦,盈利28刀

多说自定义CSS动感头像和多说评论显示User Agent的那些小事

前言 多说是一款社会化评论系统,她改变了网站与用户之间,用户与用户之间的互动方式.当然Disqus在大家心目中可能更加具有影响力,而我选择多说的原因也很简单,一句话概括来说就是"接地气的本地化评论托管服务".之前看到很多朋友自豪的使用WordPress时会选择多说作为第三方评论插件,民间的高手们也根据官方的API开发出一些十分有趣的隐藏属性.因为现在自己使用GitHub+Hexo搭建的静态Blog,也希望通过多说自定义CSS和多说评论显示User Agent让评论动感起来,文章记录了自