[互联网]CSS基础教程.pdf

CSS基础教程 CSS教程:1.1 HTML与XHTML 网页学习网《CSS教程布局实例》教程假设读者已经对HTML有所掌握，如果读者了解以下HTML标记中大多数标记 的含义，就可以开始学习本教程。 html、head、title、body、p、img、a、div、 ul、ol、li、style、table、tr、td、form、input、br、hr。 如果读者还不清楚上面这些标记的含义，请先跟随网页学习网《HTML教程入门经典》，学习一下最基础的知识，然 后再开始学习本教程。 此外，本教程将不再占用篇幅抽象地讲解使用css布局所具有的优势，相信大部分读者对此已经有所了解。如果 对这个问题感兴趣。可访问/html/jc/552.html，清晰地阐速了从传统布局方式到css布局 的采龙去脉，并给出比较深入的分析。 本章将就一些在工作中，会遇到的实际问题进行讲解，作为学习css设计的必备基础。 HTML与XHTML是一种语言还是两种语言？基本上可以认为，它们是一种语言的不同阶段，有点类似于文言文和白 话文之间的关系。因此它们也经常被写作(X)HTML。下面首先从它们的渊源和区别开始本教程的讲解： 一、追根溯源 (X)HTML是所有上网的人每天都离不开的基础，所有网页都是使用(X)HTML编写的。随着网络技术日新月异的发展． HTML也经历了不断的改进。可以认为XHTML是HTML的“严谨版”。 HTML在初期，为了它更广泛地被接受，大幅度放宽了标准的严格性，例如标记可以不封闭，属性可以加引号，也 可以不加引号，等等，导致出现了很多混乱和不规范的代码。这 显然不符合标准化的发展趋势，影响了互联网的进一步发展。 为此，相关规范的制订者——W3C组织．一直在不断地努力，逐步推出新的版本规范。从HTML到XHTML．大致经 历了以下几个版本。 ◆ HTML 2.0: 于1995年l 1月发布。 ◆ HTML 3.2: 于1996年1月14日发布． ◆ HTML 4.0: 于1997年12月18日发布。 ◆ HTML 4.01（微小改进）: 于1999年12月24日发布， ◆ XHTML 1.0: 于2000年1月发布，后叉经迂修订于2002年8月1日重新发布。 ◆ XHTML 1.1: 于2001年5月31日发布。 ◆ XHTML 2.0: 正在制定中。 在正式的标准序列中，没有HTML1.0版，这是因为在最初阶段．各个机构都推出了目己的方案，没有形成统一的标 准。因此．W3C组织发布的HTML 2.O是形成标准以后的第一个正式规范。WANGYEXX.COM 这些规范实际上主要是为浏览器的开发者阅读的，因为他们必须了解这些规范的所有细节。而对于网页设计师来 说，并不需要了解规范之间的细微差别，这与实际工作并不十分相关。因此，网页设计师通常只要知道一些大的原则 就可以了。而且这些规范的文字也都比较晦涩，并不易阅读。当然．如果设计师真的能够花一些时间把HTML和css的 规范仔细通读一遍，将会有巨大的收获。因为这些规范是所有设计师的“圣经”。 知识：W3C组织就是World Wide Web Consortium（全秋万维网联盟）的简称。W3C组织创建于l994年．研究Web 规范和指导方针，致力于推动Web发展，保证各种Web技术能很好地协同工作。W3C的主要职责是确定来来万维网的发 展方向，并且制定相关的建议（Recommendation．由W3C是一个民间组织，没有约束性，因此只提供建议）。 HTML4.01规范建议（HTML4.01SpecificationRecommendation）就是由W3CF制定的。它还负制CSS、XML、XHTML 和MathML等其他网络语言规范。 二、DOCTYPE（文档类型）的含义与选择 从DreamweaverMX2004版开始，在使用Dreamweaver新建一个网页文档的时候，默认情况下生成的基本网页代码 是这样的： 1 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN 2 /TR/xhtml1/DTD/xhtml1-transitional.dtd 3 html xmlns=/1999/xhtml 4 head 5 meta http