Dreamweaver CS6如何应用：[32]CSS元素介绍

网页设计的第一步要实现页面内容的整体布局，只有布局后才能将内容填充到页面当中。CSS中的元素分为块元素、内联元素、和可变元素3种，通过对元素的修饰实现指定的页面显示效果。

工具/原料

DreamweaverCS6

一、块元素

1、在网页设计应用中，块元素（即blockelement）通常做为其他元素的容器元素。块元素一般都从新行开始，并且大多可以容纳内联元素和其他块元素，form元素除外。

2、具体操作如下：新建一个HTML空白页

3、点击CSS控制面板新建CSS规则，在弹出的对话框选择器中选择‘类’，名称为‘ddd'

4、在弹出的’。ddd的CSS规则定义‘对话框中分类的‘背景’选择背景颜色为绿色

5、插入DIV标签，效果如下：

二、内联元素

1、•在网页设计应用中，内联元素（即inl坡纠课柩ineelement）是基于语义级的基本元素。和块元素不同的是，内联元素只能容纳文本或者其他内联元素。例如，常见的内联元素a。常用内联元素列表：

三、可变元素

1、•可变元素是基于块元素和内联元素的，系蕙蝤叼翕统根据页面上下文的关系来确定是块元素还是内联元素。•一旦根据上下文关系确定了可变元素的类别后，就需要遵循块元素或者内联元素的规则进行操作。常用可变元素列表：