首页 - 网校 - 面授 - 品牌榜 - 书城 - 视线 - 模拟考场 - 考友录 - 论坛 - 导航 -

首页　考试吧论坛　 Exam8视线　考试商城　网络课程　模拟考试　考友录　实用文档　求职招聘　论文下载
		2011中考 \| 2011高考 \| 2012考研 \| 考研培训 \| 在职研 \| 自学考试 \| 成人高考 \| 法律硕士 \| MBA考试 MPA考试 \| 中科院
		四六级 \| 职称英语 \| 商务英语 \| 公共英语 \| 托福 \| 雅思 \| 专四专八 \| 口译笔译 \| 博思 \| GRE GMAT 新概念英语 \| 成人英语三级 \| 申硕英语 \| 攻硕英语 \| 职称日语 \| 日语学习 \| 法语 \| 德语 \| 韩语
		计算机等级考试 \| 软件水平考试 \| 职称计算机 \| 微软认证 \| 思科认证 \| Oracle认证 \| Linux认证华为认证 \| Java认证
		公务员 \| 报关员 \| 银行从业资格 \| 证券从业资格 \| 期货从业资格 \| 司法考试 \| 法律顾问 \| 导游资格报检员 \| 教师资格 \| 社会工作者 \| 外销员 \| 国际商务师 \| 跟单员 \| 单证员 \| 物流师 \| 价格鉴证师人力资源 \| 管理咨询师考试 \| 秘书资格 \| 心理咨询师考试 \| 出版专业资格 \| 广告师职业水平驾驶员 \| 网络编辑
		卫生资格 \| 执业医师 \| 执业药师 \| 执业护士
		会计从业资格考试（会计证） \| 经济师 \| 会计职称 \| 注册会计师 \| 审计师 \| 注册税务师注册资产评估师 \| 高级会计师 \| ACCA \| 统计师 \| 精算师 \| 理财规划师 \| 国际内审师
		一级建造师 \| 二级建造师 \| 造价工程师 \| 造价员 \| 咨询工程师 \| 监理工程师 \| 安全工程师质量工程师 \| 物业管理师 \| 招标师 \| 结构工程师 \| 建筑师 \| 房地产估价师 \| 土地估价师 \| 岩土师设备监理师 \| 房地产经纪人 \| 投资项目管理师 \| 土地登记代理人 \| 环境影响评价师 \| 环保工程师城市规划师 \| 公路监理师 \| 公路造价师 \| 安全评价师 \| 电气工程师 \| 注册测绘师 \| 注册计量师
		缤纷校园 \| 实用文档 \| 英语学习 \| 作文大全 \| 求职招聘 \| 论文下载 \| 访谈 \| 游戏

考试动态　报考指南　考试大纲　历年真题　模拟试题　复习资料　经验　编辑推荐　模拟考场　论坛　短信提醒

初级职称| 程序员　网络管理员　中级职称| 软件设计师　网络工程师高级职称| 系统分析师信息系统项目管理　热点专题

您现在的位置：考试吧(Exam8.com) > 软件水平考试 > 复习资料 > 网页制作 > 正文

论坛交流 在线模考 考友群 图书咨询 考试用书

2008年下半年软考综合辅导：Css基础学习CSS基础性概念

来源：考试吧（Exam8.com）　2008-11-3　【考试吧：中国教育培训第一门户】　模拟考场

1、ID和类
　　我们首先简单的说明一下什么是ID和类。ID是一个标识码，因此在一个HTML页面中，ID只能出现一次；而类相当于一种类别，属于一种类的可以是一个也可以是多个，因此类可以在页面中无限次地使用。知道了两者的区别，我们就使用事例来说明。
　　
　　
　　This paragraph has red text.
　　This paragraph has dark gray text.
　　/*css页面*/
　　/*Define highlighted text*/
　　#highlight{color:#F00;}
　　/*Define default text*/
　　#default{color:#333;}
　　/*Adjust the color of p when used as a title*/
　　p#title{color:#F00;}
　　上面的事例第一段文字是红色的，第二段将是灰色的，就因为他们的id不同，因此引用了不同选择器。考试吧提示p#title{color:#F00;}只有在p这个选择器下拥有title这个id的文字将是红色的，其他的选择器将不会使用这个样式。
　　使用ID的场合：ID应该为每个页面唯一存在并仅使用一次的元素保留，如页眉、边栏、主导航栏或者页脚等。
　　
　　
　　This paragraph has red text.
　　This paragraph has dark gray text.
　　This paragraph also has dark gray text.
　　/*css页面*/
　　/*Define highlighted text*/
　　.highlight{color:#F00;}
　　/*Define default text*/
　　.default{color:#333;}
　　这次的显示和前面是一样的，ID通过‘#‘来定义，而类通过‘.‘来定义；很简单吧，当你可以熟练的使用上面这些内容就可以基本的完成html上一半的任务了，当然需要灵活应用拉。
　　使用类的场合：类很灵活的使用在各个场所，在页面中只会出现一次的如页眉、边栏、主导航栏或者页脚最好不要使用类；另外千万注意：类主要用来定义正常样式的例外情况，而不是用来定义标准样式的。
　　2、使用层叠
　　css（层叠样式表），里面的层叠是什么意思呢？命名上存在的东西应该很重要把，我想使用通俗的方式来解释可能更加容易理解。层叠就是当我对同一个选择器多次定义了它的样式，应该以怎么样的规则来确定最后选择器的样式。
　　比如我在外部样式内定义了p的文本都是红色的，我又在其中一个页面的头部定义p是黑色的，这个页面里面两个p，一个加上了灰色，一个我们没有进行定义。那我们选择哪个颜色应用在两个p上面呢？加上灰色的p应该是灰色没有问题。另外一个没有定义样式的是红色还是黑色？这个就是层叠的原则，你学会了层叠的原则就会知道没有定义样式的p是黑色的。那下面我们就来学习层叠的一些原则把。
　　利用不同的应用方法实现层叠：
　　浏览器首先执行内联规则，然后执行所有在<head>中的其他内嵌规则，最后再查找外部文件来完全理解你所创建的css。
　　通过多个外部样式表层叠：
　　当一个页面中引用了多个外部样式表，则浏览器认为最后一个样式表最重要。也就是说如果几个外部样式同时定义了同一选择器的不同属性，则以最后面那个样式表为准。
　　通过导入样式表实施层叠：
　　导入样式表的层次性也和外部样式相同，最后导入的最重要。
　　总结上面几点：我们只需要牢记，越晚给定的规则越重要这条原则基本就够用了。
　　层次的最底层：
　　处于层叠层次最底层的样式是浏览器自己的默认样式表。如果你没有定义的样式最终就会以默认的样式来表现，如果你定义了样式，那就会覆盖掉（层叠）默认样式。
　　建议：你需要时刻小心使用层叠。跨多个样式表跟踪层叠通常是一件非常困难的事情，你增加的样式，往往会在你不知情的情况下把别的页面的正确样式覆盖掉导致错误，而且无法测试，只能通过眼睛看才知道。（希望那位高人可以做一些软件提供提示功能就好了，懒人妄想中）
　　3、分组
　　/*Heading styles */
　　h1,h2,h3{
　　font-family:Helvetica,Arial,sans-serif;
　　line-height:140%;
　　color:#333;
　　}
　　/*Additionally,render all h1 headings in italics */
　　h1{font-style:italic;}
　　上面这段样式通过h1,h2,h3对这三个选择器进行了分组，使他们一样的样式集合在了一起，而需要额外增加h1的样式在后面加上就可以了。这样做的好处就是缩小了定义样式文件的容量。
　　4、继承
　　这里的继承不同于面向对象的继承原理。还是距离说明把：
　　This paragraph has red text.
　　如果样式中没有对span进行定义的话，整句话还是显示红色！这就是继承，span继承了p的样式。
　　建议：在一个结构良好的HTML文件中，body是所有可视结点的父元素，因此每个元素都可以从它继承相关信息。继承的强大也需要时刻的小心，你必须清楚地知道哪些地方需要使用继承，哪些地方不需要，不要被继承搞得糊里糊涂。

1 2 下一页

文章责编：liujun1987 　

看了本文的网友还看了

·如何查看网页的responseheader信息并利用其提升性能  (2009-7-1)
·ASP入门教程静态网页和动态网页  (2009-6-2)
·网页制作:web网页设计标准大小  (2009-6-2)
·网页制作技巧:用VFP管理网页文件  (2009-6-2)
·网站关键词摆放的网页的5个地方  (2009-6-2)
·浅谈DIV+CSS网页布局开发心得  (2009-6-2)

返回首页 在线模考 考友录 考试论坛 考试教材

2011上半年软考软件设计师考试试题及答案…
2011年上半年软考软件设计师考试试题及答…
2011年上半年系统集成项目管理师试题及答…
2009年软考网络工程师考试下午试题(三)
2009年软考网络工程师考试下午试题(二)
2009年软考网络工程师考试下午试题(一)
2009年软考网络工程师考试上午模拟试题(二…
2009年软考网络工程师考试上午模拟试题(一…
2009年上半年软考网络工程师考试上午冲刺…
2009年上半年软考网络工程师考试上午冲刺…

2011年上半年软考成绩查询入口开通(高级)
2011年上半年山东软考成绩查询入口
2011年下半年北京软考报名入口
2011年软件水平考试网络工程师章节复习汇总
2011年上半年河南软考成绩查询入口
2011年上半年河北软考成绩查询入口
2011年下半年江苏软考报名入口
2011年软件水平考试网络工程师常用计算公式汇
2011年软件水平考试网络管理员学习笔记汇总
2011年下半年山东计算机软件水平考试报名通知

软件水平考试栏目导航

信息处理技术员
电子商务技术员

信息安全工程师
信息系统运行管理员

多媒体应用制作
软件设计师

信息系统监理师
电子商务设计师

计算机辅助设计师
计算机硬件工程师

嵌入式系统设计师
数据库系统工程师

系统构架设计师
网络规划设计师

系统规划与管理师
信息系统项目管理师

IT技术
特色栏目
考试用书
模拟考场

交流互动

128种考试
公务员
学历类
外语类
计算机
资格类
外贸类
会计类
工程类
医学类
考生相关频道
实用工具

公务员 | 招警考试 | 选调生 | 村官 | 公检法 | 事业单位 | 政法干警 | 社会工作师 | 乡镇公务员 | 教师 | 军转干 | 路转税

关于本站　网站声明　广告服务　联系方式　付款方式　站内导航　客服中心　友情链接　考试论坛　最新更新　网站地图

中国科学院研究生院权威支持(北京)　电话：010-62168566　传真：010-62192699

首页　考试吧论坛　 Exam8视线　考试商城　网络课程　模拟考试　考友录　实用文档　求职招聘　论文下载
		2011中考 \| 2011高考 \| 2012考研 \| 考研培训 \| 在职研 \| 自学考试 \| 成人高考 \| 法律硕士 \| MBA考试 MPA考试 \| 中科院
		四六级 \| 职称英语 \| 商务英语 \| 公共英语 \| 托福 \| 雅思 \| 专四专八 \| 口译笔译 \| 博思 \| GRE GMAT 新概念英语 \| 成人英语三级 \| 申硕英语 \| 攻硕英语 \| 职称日语 \| 日语学习 \| 法语 \| 德语 \| 韩语
		计算机等级考试 \| 软件水平考试 \| 职称计算机 \| 微软认证 \| 思科认证 \| Oracle认证 \| Linux认证华为认证 \| Java认证
		公务员 \| 报关员 \| 银行从业资格 \| 证券从业资格 \| 期货从业资格 \| 司法考试 \| 法律顾问 \| 导游资格报检员 \| 教师资格 \| 社会工作者 \| 外销员 \| 国际商务师 \| 跟单员 \| 单证员 \| 物流师 \| 价格鉴证师人力资源 \| 管理咨询师考试 \| 秘书资格 \| 心理咨询师考试 \| 出版专业资格 \| 广告师职业水平驾驶员 \| 网络编辑
		卫生资格 \| 执业医师 \| 执业药师 \| 执业护士
		会计从业资格考试（会计证） \| 经济师 \| 会计职称 \| 注册会计师 \| 审计师 \| 注册税务师注册资产评估师 \| 高级会计师 \| ACCA \| 统计师 \| 精算师 \| 理财规划师 \| 国际内审师
		一级建造师 \| 二级建造师 \| 造价工程师 \| 造价员 \| 咨询工程师 \| 监理工程师 \| 安全工程师质量工程师 \| 物业管理师 \| 招标师 \| 结构工程师 \| 建筑师 \| 房地产估价师 \| 土地估价师 \| 岩土师设备监理师 \| 房地产经纪人 \| 投资项目管理师 \| 土地登记代理人 \| 环境影响评价师 \| 环保工程师城市规划师 \| 公路监理师 \| 公路造价师 \| 安全评价师 \| 电气工程师 \| 注册测绘师 \| 注册计量师
		缤纷校园 \| 实用文档 \| 英语学习 \| 作文大全 \| 求职招聘 \| 论文下载 \| 访谈 \| 游戏

北京	天津	上海	江苏	山东
安徽	浙江	江西	福建	深圳
广东	河北	湖南	广西	河南
海南	湖北	四川	重庆	云南
贵州	西藏	新疆	陕西	山西
宁夏	甘肃	青海	辽宁	吉林
黑龙江	内蒙古