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

  
  在CSS中,继承是一种非常自然的行为,我们甚至不需要考虑是否能够这样去做,但是继承也有其局限性。
  首先,有些属性是不能继承的。这没有任何原因,只是因为它就是这么设置的,标准就是如此。举个例子来说:border属性,大家都明白border属性的作用是设置元素的边框的,它就没有继承性。如果继承了边框属性,那么文档看起来就会很奇怪。例如我们定义容器div的边框为1px,而在此容器内的ul li在正常情况下我们都不希望它有边框,如果border有继承性,我们就要再去掉它们的边框。这样显然是不合理的。
  多数边框类的属性,如:Border(边框)、Padding(补白)、Margin(边界)、背景等等,都是没有继承性的。
  在某些时候继承也会带来一些错误,比如说下面这条CSS定义:
  Body{color:blue}
  这是定义了Body中的文本颜色为蓝色。如果Body中含有表格,在有些浏览器中这句定义会使除表格之外的文本变成蓝色,而表格内部的文本颜色并不是蓝色。从技术上来说,这是不正确的,但是它确实存在。所以我们经常需要借助于某些技巧,比如将CSS定义成这样:
  Body,table,th,td{color:blue}
  这样表格内的文字也会变成蓝色了。
  

时间: 2024-11-01 11:53:44

CSS继承性之深入剖析(2)的相关文章

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

CSS继承性在应用中存在,那么在样式表中可能会有些读者搞不清,多个样式表同时应用到一个元素对象上会发生什么情形呢?先举个简单的例子,请运行下面的代码: CSS网页布局 - [ 可先修改部分代码 再运行查看效果 ] 我们会看到运行的效果:因为选择符h1和.aaa都匹配上面的h1元素,那么到底浏览器会应用哪一个呢?通过在浏览器中观察,我们发现这段文字应用了.aaa这个样式,所以它显示的是红色.这是因为两条规则的特殊性不一样,CSS规则必须这样进行处理.而字体的大小,却是h1默认的大小. 样式表中的特

【斗医】【6】Web应用开发20天

原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://qingkechina.blog.51cto.com/5552198/1322419 对于一个网站来讲均会存在公共页面,如异常页面.系统菜单等等,本章针对斗医系统菜单做一下介绍.可以想一想常见网站的系统菜单形式,一般都是菜单项在每个页面的内容不变,区别是菜单的选择状态不同. JSP可以使用<%@ include file="">语句把公共系统菜单页面引进来,

基于jquery实现的仿优酷图片轮播特效代码_jquery

本文为大家分享了一种常见的并且比较复杂的轮播效果,就是优酷主界面的轮播图,效果图如下: 我们在书写代码之前,先分析效果图的结构: 1. 左右两个方向按钮,可以用来切换上一张与下一张. 2. 下方有分页指示器,用来标注滚动到了第几张,当然,你点击对应的按钮,也可以跳转到对应的图片. 3. 中间主要显示区域就是用来摆放需要轮播的图片. 根据上面描述,我们首先可以书写HTML代码. 一.HTML代码 <body> <div id="youku"> <div cl

深入了解CSS的继承性及其应用

css|继承 所谓CSS的继承是指被包在内部的标签将拥有外部标签的样式性质.继承特性最典型的应用通常发挥在整个网页的样式预设,需要指定为其它样式的部份设定在个别元素里即可.这项特性可以给网页设计者提供更理想的发挥空间.但同时继承也有很多规则,应用的时候容易让人迷惑,donger今天就专门和大家聊聊这方面的应用. 正文 CSS是层叠样式表(Cascading Style Sheets)的简称,它的规范代表了互联网历史上一个独特的发展阶段.现在对于从事网页制作的朋友来说,很少没有听说过CSS了吧,因

实例详解CSS的继承性及其应用

css|继承|详解 所谓CSS的继承是指被包在内部的标签将拥有外部标签的样式性质.继承特性最典型的应用通常发挥在整个网页的样式预设,需要指定为其它样式的部份设定在个别元素里即可.这项特性可以给网页设计者提供更理想的发挥空间.但同时继承也有很多规则,应用的时候容易让人迷惑,donger今天就专门和大家聊聊这方面的应用. 正文 CSS是层叠样式表(Cascading Style Sheets)的简称,它的规范代表了互联网历史上一个独特的发展阶段.现在对于从事网页制作的朋友来说,很少没有听说过CSS了

CSS注释、命名、继承性、样式排序等CSS技巧的小结_经验交流

一.关于注释 在创建xhtml+CSS网站时,CSS中的注释非常重要.在创建CSS样式时,应当保持随手注释的习惯.一般的,我习惯于使用"/* 注释内容 */"的格式来写注释,因为在EditPlus等具有高亮功能的编辑器里,使用C语言中常用的"/***************/"之类的注释是无意义的,没有必要填充大量无意义内容作为分隔.带有注释的文档作为网站的原始CSS文档,在发布网站的时候,可以使用CSS压缩工具压缩CSS,在输出的CSS中去掉注释以提高文件传输效率

CSS框架的利与弊剖析

前端时间写了一篇<利用CSS框架进行高效率的站点开发>,有不少朋友问我相关的问题.很早5key就在公司进行CSS框架的架构,也对不少朋友提出CSS框架的建议.效果是很明显的.当然,CSS框架有利也有弊,最近也看了一些相关的文章.一些感想,与大家分享. CSS框架之利: 1.开发效率的提高. 如果你是一个企业建站的前端开发,相信在大部分时间里进行着同类站点的代码工作.定义好的框架可以大大提高你的工作效率,避免一些常见的错误.如果你的工作是按件计费的,你的报酬一定会比别人多. 2.规范代码命名.

简单实例剖析:用CSS设计水平虚线

css|设计 用CSS定义一条水平的虚线呢? 我们首先需要了解,关于线条的CSS的两个样式: dotted : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线.否则为实线 dashed : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线.否则为实线 水平线条,我们可以用hr来实现,也可以定义一个div,将它的高度设为1px或其它你想要的高度. CSS定义一条水平虚线hr的方法: <!DOCTYPE html PUBLIC "-//W3C/

CSS的继承性探讨

CSS是层叠样式表(Cascading Style Sheets)的简称,它的规范代表了互联网历史上一个独特的发展阶段.现在对于从事网页制作的朋友来说,很少没有听说过CSS了吧,因为在制作网页过程中我们经常需要用到. 所谓CSS的继续是指被包在内部的标签将拥有外部标签的样式性质.继续特性最典型的应用通常发挥在整个网页的样式预设,需要指定为其它样式的部份设定在个别元素里即可.这项特性可以给网页设计者提供更理想的发挥空间.但同时继续也有很多规则,应用的时候轻易让人迷惑,今天就专门和大家聊聊这方面的应