专注于互联网--专注于架构

 最新标签
网站地图
文章索引
Rss订阅

首页 »Html教程 » css继承:CSS继承性之深入剖析（1） »正文

css继承:CSS继承性之深入剖析（1）

来源: 发布时间:星期四, 2009年2月12日 浏览:89次 评论:0


　　
　　CSS继承是指被包在内部标签将拥有外部标签样式性质继承特性最典型应用通常发挥在整个网页样式预设即整体布局声明而需要要指定为其它样式部份设定在个别元素里即可达到效果这项特性可以给网页设计者提供更理想发挥空间但同时继承也有很多规则应用时候容易让人迷惑

　　CSS允许我们为文档设置更为丰富且便于修改外观我们现在主要想和朋友们起对CSS继承性进行点深入探讨

　　CSS个主要特征就是继承它是依赖于祖先—后代关系继承是种机制它允许样式不仅可以应用于某个特定元素还可以应用于它后代例如个BODY定义了颜色值也会应用到段落文本中下面举例介绍说明:

\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Example Source Code\"/> Example Source Code [www.52css.com]
　　样式定义:body{color:blue;}
　　应用举例代码:<p>CSS<strong>继承性</strong>的深入剖析 - 52css.com</p>


　　看下面这个例子:

\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Source Code to Run\"> Source Code to Run [www.52css.com]

    =\"ubbbuttonrt\">[ 可先修改部分代码 再运行查看效果 ]


　　运行上面代码我们看到结果是:“CSS继承性的深入剖析”这段话是蓝色“继承性”由于应用了strong元素所以是粗体这很符合作者意图也是为什么CSS继承了部分原因

　　在实际工作中我们编写代码往往在CSS文档最前部首先定义:

\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Example Source Code\"/> Example Source Code [www.52css.com]
　　　　*{margin: 0; padding: 0; border: 0;}


　　这些代码真正用意在于在缺省定义情况下所有无素margin、padding、border值都为零当需要应用区别样式时候再单独对某元素进行定义即可也就是整个网页样式预设、整体布局声明而需要指定为其它样式部份设定在个别元素里即可达到效果
　　
标签：css的兼容性 css兼容性 css不继承 css继承
0
我顶

相关文章

读者评论

发表评论

  • 昵称：
  • 内容：

热门标签

精华推荐

最新标签

Dig排行

阅读排行

最新文章