《HTML与CSS概述》PPT课件.ppt

1、第1章(X)HTML和CSS概述；在牙齿章节中，网页创作的基础是使用超文本标记语言(HTML)(超文本置标语言)，其核心是使用适当的HTML标签或属性来设置应采用的样式。但是，由于依赖HTML无法解决的问题很多，因此HTML逐渐发展为XHTML，CSS(层叠样式表)也出现了。牙齿章节概述了HTML、XHTML和CSS之间的关系以及CSS的基础。重点理解使用CSS的核心原理。打开浏览器，在地址栏中输入网站地址，即可查看相应的网页内容。网页可以使用多种类型的内容作为网页元素。其中文本是最基本的网页元素、静态图形和其他形式的多媒体文件，如动画、音频和视频。网页的最终目的是向访客展示有价值的信息，留下

2、最深刻的印象。1.1网页基本概念，使用浏览器软件显示器网页，1.2 web标准，网页相关技术进入实用阶段仅10多年就发生了很多重要的变化。其中最重要的一点是“标准”的概念被广泛接受。1.2.1标准的重要性，网络是另一个“标准”一代的领域，连接到网络的各种设备的牌子多种多样，功能牙齿徐璐不同，必须依靠严格合理的标准，才能使这些复杂复杂的设备都协同工作。“标准”也是网络领域的标准。事实上，它不是标准牙齿，而是一系列标准的集合。1.2.2“标准”概述、网页、结构、表示和动作。“结构”、“表示法”和“行为”对应于三种茄子非常常用的技术：(X) HTML、CSS和JavaScript。也就是说，(X)

3、HTML确定网页结构和内容，CSS设置网页表示样式，JavaScript控制网页行为。“结构”、“表示”和“行为”的关系，1.3HTML和XHTML，HTML和XHTML基本上可以看作是一种语言的不同阶段。类似于章鱼和白话文之间的关系。所以他们经常写(X) HTML。我来告诉你它与渊源的区别。1.3.1跟踪，(X) HTML是所有上网的人每天不可缺少的基础，所有网页都使用(X) HTML编写。随着网络技术的日益发展，HTML也不断改进，可以将XHTML视为HTML的“严格版本”。HTML为了在早期得到更广泛的接受，大大缓解了标准的严格性。例如，标签可以不闭合，属性可以加引号，也可以不加引号。由

4、此产生了很多混乱和非标准代码，这不符合标准化的发展趋势，影响了网络的进一步发展。1.3.2文档类型的含义和选择，徐璐其他规范和版本同时存在，因此在规范中使用“文档类型”(DOCTYPE)命令声明可解释文档的规范，以使浏览器与多个规范兼容。目前使用HTML或XHTML作为文件类型。规格还规定HTML和XHTML各有不同的子类型，例如严格类型和切换类型的区分。转换类型与在早期版本中定义但在新版本中未使用的标记和属性兼容。严谨类型与作废的标签和属性不相容。建议读者使用XHTML 1.0 Transitional(XHTML 1.0 Transitional type)。这样，设计人员不仅可以根据XH

5、TML的标准编写与web标准兼容的网页代码，还可以在特殊情况下使用传统方法。1.3.3XHTML和HTML的重要区别在于，当前浏览器与HTML兼容，但是为了符合网页标准，设计者必须使用XHTML规范编写代码。使用过程中，请考虑以下事项：1在XHTML中，标签名称必须为小写。2在XHTML中，属性名称必须为小写。必须在3 XHTML中嵌套标签。4必须在XHTML中嵌套标签。5 XHTML中的空元素标签也必须关闭。在6 XHTML中，属性值必须用双引号括起来。7在XHTML中，属性值必须使用完整格式、1.4(X)HTML和CSS，因此(X)HTML和CSS的关系是“内容结构”和“表示法”的关系，(

6、X)HTML确定网页结构内容，通过CSS确定页面表示法、1.4.1CSS标准、层叠样式表(CSS)中文翻译层叠样式表、网页样式，以及用于控制将样式信息与网页内容分隔开的段宜恩业语言。CSS在1996年通过了W3C审核，建议使用。简言之，引入了CSS，以使HTML语言更好地适应页面的艺术设计。基于HTML语言提供了多种格式化功能(如字体、颜色、背景和完整排版)，网页设计代表可以为各种可视化浏览器(如显示器、打印机、打字机、投影机和PDA)设置多种样式。CSS的引入网页设计引发了另一个新的高潮，使用CSS设计的优秀页面层出不穷。(威廉莎士比亚、CSS、CSS、CSS、CSS、CSS)，1.4.2传

7、统HTML的缺点，(1)维护困难。修改特定标记(上例中的标记)的格式需要很长时间。尤其是在整个网站中，后期修改和维护成本很高。(2)标记不足。HTML本身的标签很少，许多标签是为网页内容提供的，而艺术样式标签(如字符间距和段落缩进)在HTML中很难找到。(3)网页过“脂肪”。(。HTML中的页面经常“体积”牙齿太大，占用了大量宝贵的带宽，因为没有统一控制各种样式。(4)定位困难。在整个布局页中，HTML对每个模块的位置调整非常挑剔，过多的其他标签会使页面的复杂性和后期维护变得困难。引入1.4.3CSS，CSS在全面控制网页方面取得了简单HTML语言的突破性进展，此后修改和维护都很方便。此外，C

8、SS还提供了多种格式控制方法，使网页设计用户可以轻松地应对各种页面效果。这些方法将在下一章中逐一介绍。最重要的变化是，原先同时负责HTML牙齿的“内容”和“表现”的双重任务现在已分离，内容仍然负责HTML牙齿，表现由标记的CSS代码负责。1.4.4 CSS剪辑方法；CSS文件与HTML文件一样是纯文本文件，因此常规字处理软件都可以编辑CSS。最常用的文本剪辑工具(如记事本和UltraEdit)对所有CSS初学者都很有用。Dreamweaver代码模式还具有CSS代码的语法着色和代码提示功能，有助于您学习CSS。Dreamweaver代码模式、1.4.5浏览器和CSS、各种网页浏览器以及大多数浏览器都很支持CSS，因此设计人员通常不必担心浏览器不支持他们设计的CSS文件。但是，当前的主要问题是，每个浏览器在处理CSS的许多详细信息方面存在差异。设计人员在一个浏览器中设计的CSS效果在另一个浏览器中可能会有所不同。对于当前主流的两个茄子主要浏览器Internet Explorer(IE)和Firefox，某些详细信息的处理方式不同。IE本身