轻松学习网页设计

Div+Css网页布局

css样式基础

一、什么是web标准

web标准不是某一个标准，而是有W3C和其他标准化组织制定的一系列的标准的集合。包含我们所熟悉的html、xhtml、javascript以及css等。

二、web标准的目的

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

三、采用标准的好处

1、提高页面浏览速度。使用css方法，比传统的web设计方法之少节约50%以上的文件尺寸。

2、缩短改版时间，将表现（样式/外观）与内容（信息/数据）相分离。只要简单的修改几个css文件就可以重新设计一个有成千上万页面的站点。

3、降低网站流量的费用。带宽要求降低（代码更简洁），成本降低。

4、更容易被搜索引擎搜索到。提高排名。

5、内容能被更广泛的设备所访问。包括屏幕阅读机、手持设备、搜索机器人、打印机、电冰箱等。

四、web标准的构成

web标准主要由三部分组成：结构(structure)、表现（presentation）和行为(behavior)。

理解表现和结构分离

web标准的好处之一是“理解表现和内容分离”——那这到底是什么意思呢？

首先得先明白一些基本的概念：内容、结构、表现和行为。

1、内容：就是制作者放在页面内真正想要让访问者浏览的信息。

2、结构：使内容更加具有逻辑性和易用性（类似于：1级2级标题、正文、列表等把他们成为结构）

3、表现：用于修饰内容的外观的样式的东西称为表现。

4、行为：对内容的交互及操作效果，如通过JS判断表单提交等。