




已阅读5页,还剩3页未读, 继续免费阅读
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
第10章CSS风格的继承,本章将从计算机世界中一般的继承开始讲起,再到网页中的继承,最后是本章的重点-CSS风格的继承。通过学习和使用继承,我们不仅可以提高制作网页的效率,更能够进一步熟悉继承这个计算机概念,为今后从事IT业的其他领域,比如软件开发,软件测试等确立基本的观念,提高自己的竞争力。我们常听爱好编程的人提到面向对象编程方法之类的词眼,听起来很高深。其实,在日常生活中,我们自己无时不刻都可能接触到这样的概念和方法,只是并没有主动意识到。在第一节里,就先举出一些继承的例子。,10.1有其父必有其子:继承与面向对象,继承在生活中本来是一个法律术语。继承,是指自然人死亡时其法律规定范围内的亲属按照死者生前所立的合法有效的遗嘱或者法律的规定取得死者所遗留的个人合法财产。在继承中,其生前所享有的财产因其死亡而移转给他人的死者称为被继承人,依法承接被继承人财产的人称为继承人后来,随着继承这个词含义的扩大,日常生活的语言中处处都可以找到继承的概念。比如这样一句俗语:有其父必有其子。意思就是说,儿子不光长的像父亲,有时候脾气秉性,做事情的方式也会很像父亲。这里边就有继承的影子了。,10.2查看继承关系的工具,还记得第四章介绍过的DOM图吗?它也叫做DOM树,描绘了网页中各个标签的层次关系。在这里我们再次把它约出来,通过一个网页的实例来加深印象。DOM树只是人们为了理解的方便而画出来的一个树状图,实际的HTML代码中虽然可以根据标签彼此的层次关系归纳出来,但在页面显示中是看不到的。如果想看到它,除了熟能生巧,在我们的脑子中生成之外,还有没有别的办法呢?“工欲善其事,必先利其器”。如果能有一两件得心应手的工具帮助我们,初学者也能变得专业起来。这里以占市场份额最大的IE浏览器为例,给大家介绍一个很好用的查看DOM树以及了解HTML和CSS的工具-IE开发人员工具条(IEDeveloperToolbar)。IE开发人员工具条实际上面向所有要控制浏览器行为、显示等的人,当然也包括我们。该工具是免费的,可以在微软网站上下载,支持所有主流的IE版本(不过,目前还不支持IE8,毕竟还没有正式发布)。下载的地址是:,10.3CSS中的继承,在CSS中所说的继承就是指子标签在没有特别设置的情况下默认已经具有并应用了父标签的样式规则。Inherit.html是一个用于测试CSS继承的网页,当在浏览器中打开时,忽略显示效果,只关心网页下方的IDT给出的层次信息,如图所示。我们将通过这个图来了解网页的层次结构。,CSS测试页面的DOM树图,10.3.1文字样式的继承,首先看一下Body的样式规则,这确定了页面中基本的字体样式:BODY/*Body内所有标签中的样式规则*/color:red;/*字体颜色为红色*/background:white;/*背景为白色*/padding:0;/*内边距为0*/margin:0;/*外边距也是0*/,文字样式的继承,10.3.2边距的继承,我们继续看下一个Body的子标签,这是一个Div标签,应用了Div.three样式规则:DIV.threemargin-left:5em;/*左边距为5em*/padding:0;/*内边距为0*/background-color:#CCC;/*背景颜色为某种灰色*/color:black;/*字体颜色为黑色*/按照样式设置,Div的左边距为5em,也就是离浏览器左边框5个汉字字符的距离。内边距为0,即内容贴着边框显示;文字为黑色,背景灰色。在Div中有一个段落(编号为3),应用了P.three样式:P.threefont-size:2em;/*字体大小为2em*/,10.4标签的继承性,在上一节中我们通过实际的网页了解了字体样式默认就可以被继承,而边距样式则默认不被继承,除非在打算继承的标签样式中设置inherit值。那么,在众多的HTML标签中,默认被继承的总共有哪些呢?列出了默认被继承的标签,其中取值范围一栏:length代表具体的数值,%代表对于父标签属性的百分数值,其它均为实际设置值。(详细内容请参照本书)默认就能够继承的标签都和文字样式有关。对于不在此表中的元素,一般来说都是默认不可以继承的,当然,我们也可以通过属性:inherit的方式来改变默认设置。,10.5小结,在本章中,我们对CSS继承做了基本的探讨。在第1节,通过和日常生活的类比,基本建立了继承的感性认识。第2节介绍了一个非常有用而且好用的工具-微软的IE开发者工具条,以及利用它形象地认识网页的层次结构树图。这种层次的关系将是判断父子标签的依据,对继承起到至关重要的作用。第3节是本章的重点,通过逐段分析一个比较复杂的CSS继承测试网页,讲解了实现字体和边距继承的例子。需要注意的是,IE浏览器对于继承和其他浏览器的不同,我们在实际的
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 能源项目转让合同范本
- 吊装工作合同范本
- 单方房屋赠与合同范本
- 山地土方回填合同范本
- 农场瓦房出售合同范本
- 购租赁材料合同范本
- 沙发工厂员工合同范本
- 舞台广告制作合同范本
- 水利堤坝施工合同范本
- 劳务搬运协议合同范本
- 定向增发业务培训
- 《全球哮喘管理和预防策略(GINA 2025)》解读
- 2025年内河船员考试(船舶辅机与电气2203·一类三管轮)历年参考题库含答案详解(5套)
- 农村土地确权课件
- 2025年贵州省中考语文试卷(含答案与解析)
- 2025年昆山校医考试题库
- 2024年黔西南州畅达交通建设运输有限责任公司招聘考试真题
- (高清版)T∕CES 243-2023 《构网型储能系统并网技术规范》
- 公共场所卫生管理员安全教育培训手册
- 2025年全国高校辅导员素质能力大赛基础知识测试题及答案(共3套)
- 财政分局对账管理制度
评论
0/150
提交评论