- 1、本文档共27页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
第6章 用CCS美化网页 层叠样式表,简称为CSS,是英语Cascading Style Sheets的缩写。它是W3C定义和维护的标准,是一种用来为结构化文档(如HTML文档或XML应用)添加样式(字体、间距和颜色等)的计算机语言。 样式表可以使网页制作者的工作更加轻松和灵活,现在越来越多的网站采用了CSS技术。 本章介绍CSS在网页设计中的应用技术,主要内容有: CSS基础 创建CSS CSS基本应用 链接外部CSS样式文件 在“代码”视图编辑CSS样式 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 6.1 CSS基础 CSS的基本概念在于可将网页要展示的内容与样式设定分开,也就是将网页的外观设定信息从网页内容独立出来,并集中管理。这样,当要改变网页外观时,只需更改样式设定的部分,HTML文件本身并不需要更改。 Dreamweaver是最早支持CSS开发网页的软件之一。通过直观的界面,设计者可以定义各种各样的CSS规则,这些规则可以影响到网页中的任何元素。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 6.1.1 认识“CSS样式”面板 在Dreamweaver中,“CSS样式”面板是新建、编辑、管理CCS的主要工具。选择“窗口”|“CSS样式”命令可以打开或者关闭“CSS样式”面板。 在没有定义CSS前,“CSS样式”面板是空白显示。如果在Dreamweaver中定义了CSS,那么“CSS样式”面板中会显示所定义好的CSS规则,如图6-1所示。 样式表文件名 CSS规则列表 属性和属性值列表 工具按钮栏 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 6.1.2 新建CSS规则 新建一个HTML网页文档,打开“CSS样式”面板,单击“新建CSS规则”按钮,弹出“新建CSS规则”对话框,如图所示。 设置选择器类型 设置CSS规则定义在文档内还是定义在外部CSS文件中 设置CSS规则名称 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 6.1.3 在网页中应用CSS样式 定义好CSS样式后,就可以在网页文档中套用这些样式了。套用样式表的方法主要有3种,下面分别进行介绍。 1.在“属性”面板选择应用特定的样式 2.利用【标签选择器】选择样式 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 3.使用右键快捷菜单 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 4.清除样式 如果想清除网页中应用的某个样式,可以先选中对象,然后从右键快捷菜单中选择“CSS样式”|“无”命令,即可清除原有的样式。 5.查看正在应用的样式属性列表 如果想查看网页中正在应用的CSS样式的属性情况,可以先将鼠标光标定位在某个应用CSS样式的位置,或者选中应用CSS样式的对象,然后在“CSS样式”面板中单击“现在”选项卡,即可显示出正在应用的CSS样式的属性列表情况,如图所示。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 6.2 创建CSS 创建CSS样式时,在“新建CSS规则”对话框中,设置不同的“选择器类型”可以创建不同类型的CSS样式。一般情况下,经常创
您可能关注的文档
- 第3章节数据库和事务日志.ppt
- 软件基本知识整理.doc
- 教辅图书销售个人年度终总结.doc
- 软件工程实践课题的设计书.doc
- 第3章节数据库系统的体系结构.ppt
- 软件工程模拟试题和答案.doc
- 教风学风学心习得.doc
- 第3章节数据描述统计分析.ppt
- 软件工程简答题及答案 [2].doc
- 散文“故乡的蜂蜜”.doc
- 中国行业标准 GM/T 0126-2023HTML密码应用置标语法.pdf
- 《JJF 2121-2024恒转速源校准规范》.pdf
- 餐饮服务中20条处理要点.docx
- 《GM/T 0011-2023可信计算 可信密码支撑平台功能与接口规范》.pdf
- 《JJF 2134-2024旋转流变仪校准规范》.pdf
- JJF 2121-2024恒转速源校准规范.pdf
- 计量规程规范 JJF 2121-2024恒转速源校准规范.pdf
- 《JJF 2118-2024压力式六氟化硫气体密度控制器校验仪校准规范》.pdf
- JJF 2134-2024旋转流变仪校准规范.pdf
- 计量规程规范 JJF 2134-2024旋转流变仪校准规范.pdf
文档评论(0)