网络程序设计PPT课件-第五章CSS.pptVIP

网络程序设计XXX CSS:层叠样式表,级联样式表, 简称样式表 优点: 插入CSS 使用CSS进行设置，操作步骤如下。 打开text.html文档，选择窗口-CSS样式，打开CSS面板。 在CSS面板中单击+，打开新建CSS规则对话框。 选择选择器类型为标签，选择器名称为a，规则定义为仅限该文档，如图5-1示。点击确定，打开规则定义对话框。 在规则定义对话框中选择类型选项卡，在text-decoration中选择none，如图5-2所示。点击确定。 再次打开规则定义对话框，选择选择器类型为类，选择器名称为t，规则定义为仅限该文档，如图5-3示。点击确定，打开规则定义对话框。 在规则定义对话框中选择类型选项卡，在font-size中选择12。点击确定。 再次打开规则定义对话框，选择选择器类型为ID，选择器名称为d，规则定义为仅限该文档，如图5-1示。点击确定，打开规则定义对话框。 在规则定义对话框中选择类型选项卡，在color中选择#C06。点击确定。 选择需要设置字体的段落，加入class=”t”。 选择最后的超链接，加入id=”d”。 预览显示设置效果。 加入CSS样式后Text.html代码如下： head style type=text/css !-- .t {font-size: 12px;} a {text-decoration: none;} #d {color: #C06;} -- /style /head body div h1 align=centerMBA班招生简章/h1 hr size=2 width=80% align=center p class=t学校坐落在以ldquo;泉城rdquo;闻名海内外的山东省省会济南市。校园内绿草如茵，花团锦簇，文明整洁，优雅怡人。br/2010年山东经济学院继续面向全国招收MBA研究生。/p p一、报名条件/p p class=t2006年7月31日前国民教育序列大学本科或本科以上毕业并取得学历学位证书的在职人员。/p p二、报名方式、时间、地点/p p class=t1、考试报名采取网上报名与现场报名相结合的方式。网上报名的时间为7月1日-17日,18日-20日现场确认。/p p class=t2、报考者在规定的网报时间内，通过互联网登录a href=///a网站，按照要求填写、提交报名信息，然后在规定的现场报名时间内，持网上报名编号到各省级学位与研究生教育主管部门指定现场报名点，缴纳报名费、照相并确认报名信息。/p p class=t3、考生携带有效身份证件，在规定的现场报名时间内，到指定现场报名点照相、缴费，领取并认真阅读《非全日制攻读硕士学位全国统一考试考生应试守则及违规处理规则》，确认报名信息。/p p三、招生人数：40人/p p四、招生咨询/p ul type=disc li咨询网址：a href= /a/li li电子邮件：a id=d href=mailto:wrf_215@163.com wrf_215@163.com/a/li li联系地址：山东省济南市历下区二环东路7366号/li li邮编：250014/li /ul /div /body 与原始text.html相比，增加了加粗字体部分。其中style元素部分就是定义的CSS样式。 在text.html中的正文文本块中增加的class=”t”，使这些文本块都设置为12#字体。文档中的所有超链接都消除了下划线。正文文本块中增加的id=”d”,使对应的a元素内容显示为指定颜色。示例显示效果如图5-7所示。 style type=text/css !-- .t {font-size: 12px;} a {text-decoration: none;} #d {color: #C06;} -- /style 示例中的选择器分别是标记选择器、类选择器和ID选择器。 id与class class和id看起来除了一个.和#的区别之外，无论在定义上还是在应用上似乎都是一模一样。然而事实上并不如此， 同一id在一个页面内只能应用一次，而class则是用于描述多次出现的元素。这从它们的名称上很容易理解。id就类似元素的身份证号码，它必须是唯一的，而class则是一类具有共同属性的元素的合称，是一类。 如果在一个页面内多次使用同一个id，页面通常是可以正常显示的。但是这会给后期的维护带来不便，还可能造成其它的问题。所以我们一定要区分开id和class，并且合理的应用它们。 注意：伪类的优先级是从后到前，注意几个样式的顺序不能颠倒，否则可能造成部分样式无法正常显示。 .t { font-size: 12px; text-decoration: none} a.top:link { font-