css网站布局实录学习笔记第一部分

今天开始，认真学习前端技术，哈哈哈~~~加油~~~

推荐这本《CSS网站布局实录》（第2版）给初级入门选手，虽然这本书年代有点久远，不过很经典。

注明一下：这里讲述的CSS均为CSS 2.0版本。

第一章 Web标准与CSS布局概述

1.1 Web标准的历史及发展

1.1.1 Web标准

Web标准是由W3C(World Wide Web Consortium)和其他标准化组织制定的一套规范集合，包含一系列标准，包含了HTML、XHTML、JavaScript以及CSS等。

Web标准的目的在于创建一个统一的用于Web表现层的技术标准，以便通过不同浏览器或终端设备向最终用户展示信息内容。

1.1.2 Web表现层技术

Web本身是由一套非常复杂的技术架构组成，但其最终目的是面向浏览器或应用程序的用户，并为后者提供一个可视化的、便于操作的信息交互平台。而表现层技术指的就是将信息展示给用户并提供给用户交互行为的技术。简单理解为表现就是样式，技术层面上是一堆程序代码，而表现层带带来的是视觉上所看到的东西。

目前，由W3C制定的Web标准正是这样一个表现层技术的集合，同时也是目前唯一的跨平台跨客户端的技术。

1.2 Web标准的构成

Web标准由三大部分组成的标准集：结构(Structure)、表现(Presentation)以及行为(Behavior)。

1.2.1 结构(Structure)

结构用来对网页中用到的信息进行整理与分类。用于结构化设计的Web标准技术主要有这几种：HTML、XML、XHTML。

1. HTML(Hyper Text Mark-up Language)超文本标记语言

这是Web最基本的描述语言。HTML文本是由HTML命令标签组成的描述性文本，HTML标签可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分。头部描述浏览器所需的信息，主体包含所要展现的具体内容。

2. XML(The Extensible Markup Language)可扩展标记语言

XML最初设计的目的是为了弥补HTML的不足，以其强大的扩张性满足网络信息发布的需要，后来逐渐用于网络数据的转换及描述。

3. XHTML(The Extensible HypterText Markup Language)可扩展超文本标记语言

XHTML是更严谨更纯净的HTML版本。简单来说，建立XHTML的目的就是实现HTML向XML的过渡。

1.2.2 表现(Presentation)

表现技术用于对已经被结构化的信息进行显示上的控制，包含版式、颜色、大小等样式控制。目前的Web展示中，用于表现的Web标准技术主要就是CSS技术。

CSS(Cascading Style Sheets)层叠样式表
W3C创建CSS标准的目的是希望以CSS来描述整个页面的布局设计，与HTML所负责的结构分开。使用CSS布局与XHTML所描述的信息结构相结合，能够帮助设计师分离出表现与内容，使站点的构建及维护更加容易。

1.2.3 行为(Behavior)