CSS块元素(blockelement)
CSS块元素一般是其他元素的容器元素，块元素一般都从新行开始，它可以容纳CSS内联元素和其他CSS块元素,常见块元素是段落标签'P"。“form"这个块元素比较非凡，它只能用来容纳其他块元素。
假如没有CSS的作用，CSS块元素会顺序以每次另起一行的方式一直往下排。而有了CSS以后，我们可以改变这种html的默认布局模式，把块元素摆放到你想要的位置上去。而不是每次都愚蠢的另起一行。需要指出的是，table标签也是块元素的一种，tablebasedlayout和CSSbasedlayout从一般使用者（不包括视力障碍者、盲人等）的角度来看这两种布局，除了页面载入速度的差别外，没有其他的差别。
但是假如普通使用者不经意点了查看页面源代码按钮后，两者所表现出来的差异就非常大了。基于良好重构理念设计的CSS布局页面源码，至少也能让没有web开发经验的普通使用者把内容快速的读懂。从这个角度来说，CSSlayoutcode应该有更好的美学体验。
你能够把块容器元素div想象成一个个box，或者假如你玩过剪贴文载的话，那就更加轻易理解了。我们先把需要的文章从各种报纸、杂志总剪下来。每块剪下来的内容就是一个block。然后我们把这些纸块按照自己的排版意图，用胶水重新贴到一张空白的新纸上。这样就形成了你自己独特的文摘快报了。作为一种技术的延伸，网页布局设计也遵循了同样的模式。
CSS内联元素(inlineelement)
CSS内联元素一般都是基于语义级(semantic)的基本元素。CSS内联元素只能容纳文本或者其他CSS内联元素，常见内联元素“a”。
需要说明的是：inlineelement的中文叫法，有多种内联元素、内嵌元素、行内元素、直进式元素。基本上没有统一的翻译，爱怎么叫怎么叫吧。另外提到内联元素，我们会想到有个display的属性是display:inline这个属性能够修复闻名的IE双倍浮动边界问题。
CSS块元素(blockelement)和CSS内联元素(inlineelement)都是html规范中的概念。块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了CSS控制以后，块元素和内联元素的这种属性差异就不成为差异了。比如，我们完全可以把内联元素cite加上display:block这样的属性，让他也有每次都从新行开始的属性。
可变元素是基于以上两者随环境而变化的，它的基本概念就是他需要根据上下文关系确定该元素是CSS块元素或者CSS内联元素。可变元素还是属于上述两种元素类别，一旦上下文关系确定了他的类别，他就要遵循块元素或者内联元素的规则限制。
步骤/方法1
双击dreamweaver CS5图标
2
在菜单中单击“文件”选择“新建”
3
在新建文档窗口，选择“空白页”—“HTML”，文档类型选择“XHTML1.0 transitional”,单击“创建”按钮。
4
将插入点放在文档中，然后在菜单栏单击“格式”，在弹出的下拉菜单中选择“CSS样式”—“新建”
5
在“ 新建 CSS 规则” 对话框中，指定要创建的 CSS 规则的选择器类型：
若要创建一个可作为 class 属性应用于任何 HTML 元素的自定义样式，请从“ 选择器类型” 弹出菜单中选择“ 类” 选项，然后在“ 选择器名称” 文本框中输入样式的名称。
若要定义包含特定 ID 属性的标签的格式，请从“选择器类型”弹出菜单中选择“ID”选项，然后在“选择器名称”文本框中输入唯一 ID。
若要重新定义特定 HTML 标签的默认格式，请从“选择器类型”弹出菜单中选择“标签”选项，然后在“选择器名称”文本框中输入 HTML 标签或从弹出菜单中选择一个标签。
6
在“CSS规则定义”窗口中设置类型、背景、区块、方框、边框、列表、定位、护展中所需设置的参数，然后点击“确定”按钮完成设置。
7
还可以在CSS样式面板里设置。将插入点放在文档中，在CSS样式面板下面单击“新建CSS规则”图标。再完成步骤6的设置。
8
在CSS属性里设置类型、背景、区块、方框、边框、列表、定位、护展中所需设置的参数。
http://jingyan.baidu.com/article/93f9803fccd4dae0e46f5505.html
