第4章CSS样式基础.PDF

下载文档 降价啦

0
0
约1.23万字
约 64页
2020-11-27 发布于天津
举报
版权申诉
保障服务

第4章CSS样式基础.PDF

1、本文档共64页，可阅读全部内容。
2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。

第4章 CSS样式基础《网页设计与制作案例教程》（第3版） HTML语言提供丰富的标签及属性，是所有网页制作的基础。但是如果希望网页代码整洁、且易于升级维护，仅凭借HTML语言远远不够，CSS在其中扮演重要角色。 CSS （层叠样式表）是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。它以HTML语言为基础，提供了丰富的格式化功能，如字体、颜色、背景、边框等，CSS的引入是网页设计领域的一大变革，使用 CSS设计网页已经成为行业标准。《网页设计与制作案例教程》（第3版）本章主要内容  CSS的基本语法；  CSS样式表的类型；  选择器的分类；  设置CSS属性；  管理CSS样式表。《网页设计与制作案例教程》（第3版） 4.1 学习任务：CSS概述 CSS是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统的HTML而言，CSS能够对网页中元素属性进行精确控制。由CSS样式控制的网页，具有条理规范、布局统一、容易维护等优点。 本节学习任务认识CSS样式，了解使用CSS样式的优点，掌握CSS 样式的分类，掌握CSS的基本语法，能够使用CSS样式面板管理CSS样式。《网页设计与制作案例教程》（第3版） 4.1 学习任务：CSS概述 4.1.1 CSS的基本概念 CSS是Cascading Style Sheets的缩写，又称层叠样式表或级联样式表，是用于控制或增强网页外观样式，并且可以与网页内容相分离的一种标记性语言。使用CSS样式表，可以使网页更小、下载速度更快，更新和维护网页更加方便，因此CSS样式表在网页设计中得到广泛应用。《网页设计与制作案例教程》（第3版） 4.1 学习任务：CSS概述 4.1.1 CSS的基本概念早期，网页一般用于技术交流，HTML用于描述网页结构和内容。随着Web的流行与发展，网页外观得到重视。网页制作的越来越复杂，使HTML代码变得越来越繁杂，大量的标签堆积起来，难以阅读和理解。《网页设计与制作案例教程》（第3版） 4.1 学习任务：CSS概述 4.1.1 CSS的基本概念 CSS的出现为上述状况提供了解决途径。CSS还原了 HTML语言的结构描述功能，用以设置页面元素的样式，使页面结构变得简洁合理且清晰易读。1997年，W3C工业合作组织首次发布CSS1.0，用于对HTML语言功能的补充。1998年又推出了CSS2.0，进一步增强了HTML的语言功能。2006年CSS3的发布，将网页设计推向全新的时代。《网页设计与制作案例教程》（第3版） 4.1 学习任务：CSS概述 4.1.2 使用HTML和CSS格式化网页在Dreamweaver中打开两个网页。同样的效果，一个页面使用HTML格式化，另一个页面使用CSS格式化。如下图所示。《网页设计与制作案例教程》（第3版） 4.1 学习任务：CSS概述 4.1.2 使用HTML和CSS格式化网页两种方法都实现页面中三段文字的格式化。通过分析代码可知，使用HTML控制文字样式时，段落标记<p> 内文字的大小和颜色只能通过<font>标签进行格式化，而<font>标签是W3C明确指出的不规范和不建议使用的标签。《网页设计与制作案例教程》（第3版） 4.1 学习任务：CSS概述 4.1.2 使用HTML和CSS格式化网页使用CSS进行格式化时，在<p>标记中并没有任何关于样式的说明，而是在<head>中添加了如下代码： <style type=”text/css”> p{color:red; font-size:14px;} </style>