CSS继承性之深入剖析(1)

原创 2007年10月08日 10:46:00
  CSS的继承是指被包在内部的标签将拥有外部标签的样式性质。继承特性最典型的应用通常发挥在整个网页的样式预设,即整体布局声明。而需要要指定为其它样式的部份设定在个别元素里即可达到效果。这项特性可以给网页设计者提供更理想的发挥空间。但同时继承也有很多规则,应用的时候容易让人迷惑。
  CSS允许我们为文档设置更为丰富且便于修改的外观。我们现在主要想和朋友们一起对CSS的继承性进行一点深入的探讨。
  CSS的一个主要特征就是继承,它是依赖于祖先后代的关系的。继承是一种机制,它允许样式不仅可以应用于某个特定的元素,还可以应用于它的后代。例如一个BODY定义了的颜色值也会应用到段落的文本中。下面举例说明:
  样式定义:body{color:blue;}
  应用举例代码:<p>CSS<strong>继承性</strong>之深入剖析 - fun52.com</p>
  看下面的这个例子:
Source Code to Run [www.fun52.com]
www.fun52.com
CSS继承性之深入剖析 - fun52.com
   [ 可先修改部分代码 再运行查看效果 ]
  运行上面的代码,我们看到的结果是:“CSS继承性之深入剖析”这段话是蓝色。“继承性”由于应用了strong元素,所以是粗体。这很符合作者的意图,也是为什么CSS继承了一部分的原因。
  在实际工作中,我们编写代码,往往在CSS文档的最前部,首先定义:
    *{margin: 0; padding: 0; border: 0;}
  这些代码的真正用意在于,在缺省定义的情况下,所有无素的margin、padding、border的值都为零。当需要应用不同的样式的时候,再单独的对某元素进行定义即可。也就是整个网页的样式预设、整体布局声明。而需要指定为其它样式的部份设定在个别元素里即可达到效果。

css中具有继承性的属性

CSS中具有继承性的属性:   color:#eee font: font-style font-variant: font-weight:bold font-size font-family: fo...
  • fuckof
  • fuckof
  • 2016年07月27日 21:17
  • 426

CSS元素的继承性

继承性:在CSS中当在某个元素中定义了某个属性值时,其包含的各种元素都会使用这个值,不是所有的CSS 属性都会具有继承性,合理的使用CSS的各种继承性,可以更方便的对各种效果进行控制。     ...
  • woshisap
  • woshisap
  • 2013年01月08日 14:48
  • 1386

[CSS]CSS的继承性、层叠性、权重

CSS像艺术家一样优雅,像工程师一样严谨继承性CSS样式具有继承性,所谓的继承性,就是给某些元素设置样式时,后代元素也会自动继承父类的样式。这叫CSS的继承性。比如 color属性设置字体颜色,后代自...
  • xf616510229
  • xf616510229
  • 2016年12月13日 22:33
  • 1204

CSS三大特性之继承性

CSS有三大特性,分别是继承性,层叠性,优先级,这里讲解继承性 继承性是指子元素可以继承父元素的属性,例如下面的代码,div中包含2个p标签,1一个span标签,当给div设置字体颜色为红色时,他的子...
  • k491022087
  • k491022087
  • 2016年08月25日 23:50
  • 6899

《深入剖析tomcat》读书笔记2

《深入剖析tomcat》读书笔记准备写四篇,这篇是第二篇,分析默认连接器,对应书籍的第四章。第三篇分析容器,第四篇来个纵向总结,顺便回答第一篇开头提出的问题。 第四章  Tomcat默认连接器 ...
  • randyjiawenjie
  • randyjiawenjie
  • 2013年03月23日 17:11
  • 1883

深入剖析Tomcat-第一章

--开始学习Tomcat服务器,学习代码,自己注释一下。 import java.io.File; import java.io.IOException; import java.io.Input...
  • u011345136
  • u011345136
  • 2015年04月24日 20:17
  • 738

深入剖析 mybatis 原理(一)

# 前言在java程序员的世界里,最熟悉的开源软件除了 Spring,Tomcat,还有谁呢?当然是 Mybatis 了,今天楼主是来和大家一起分析他的原理的。...
  • qq_38182963
  • qq_38182963
  • 2017年12月17日 13:13
  • 34

[深入剖析Tomcat]一个简单的servlet容器实现

本文为读《深入剖析Tomcat》第2章做的笔记、写的代码、做的分析。作者是菜鸟,谨慎参考 实现流程图 HttpServer类: public class HttpServer1 { priva...
  • tzh476
  • tzh476
  • 2017年04月02日 04:38
  • 721

深入解析HTTP与HTTPS

转载自: http://www.mahaixiang.cn/internet/1233.html 超文本传输协议HTTP协议被用于在Web浏览器和网站服务器之间传递信息,HTTP协议以明文方式...
  • qq_28385797
  • qq_28385797
  • 2016年12月07日 12:23
  • 177

深入剖析Tomcat 第八章 载入器

tomcat
  • zxd1435513775
  • zxd1435513775
  • 2017年03月28日 15:57
  • 162
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS继承性之深入剖析(1)
举报原因:
原因补充:

(最多只允许输入30个字)