手把手教你运营

DIV+CSS:概念；网页角色；语法结构；样式属性

1. 概念：

DIV标签：

DIV是html布局标签（虚容器），主要用来实现网页布局和模块添加。

例如：

CSS概述：

CSS指层叠样式

样式定义如何显示HTML元素

样式通常存储在样式表文件中

解决内容与表现分离的问题（内容和样式分开，修改方便）

外部样式表可以极大提高工作效率

CSS产生的原因：

用来取代之前网页中陈旧的表格（table）布局技术，提高网页编辑和修改效率。

网页采用CSS的优势：

清晰网页布局

更精确的控制网页模块样式

简化代码，加速网页访问速度

有利于搜索引擎优化

2. 网页角色：

网页三大组成部分：内容+结构+表现

内容：网页中的文字、图片、音乐、视频等

结构：网页中段落、标题、列表等、是由HTML标签完成

表现：控制网页的结构布局、内容显示样式（例如：字体大小、粗细、颜色等）

网页的表现就是CSS在网页中的角色

3. 语法结构：

选择器：施加样式的对象

属性：施加什么样的样式，例如：颜色、大小等值：属性的范围，例如：红色、14像素等

举例：人