定制网站建设公司：HTML代码和CSS _网络营销推广_网站建设设计_网页制作

定制网站建设公司：HTML代码和CSS

经验的普通使用者也能快速地读懂。

(2)内联元素(inline element)。内联元素一般都是基于语义级的基本元素。内联元素

只能容纳文本或者其他内联元素。常见的内联元素为<a>。

块元素和内联元素都是HTML语言规范中的概念。块元素和内联元素的基本差异是，

块元素-fi都从新的一行开始。而当加入了CSS控制后，块元素和内联元素的这种属性差

异就不算是差异了。

当内联元素在CSS中定义下列属性中的一种时，便具有块元素的特征：

①display：block。

②float：left（不但具有块元素的特征，同时还向左侧浮动）。

但是，这两种定义下的内联元素还有一点区别：

第一种，彻头彻尾和块元素一模一样，都要单独占一行，在没有width和height属性的前

提下，从左至右排列，严格遵循流动布局模型块状元素的流动方式，自上至下流动。

第二种，大小恰好能将内容包含，并且右侧浮动，可以多个元素在一行。

当加上position：absolute/relative的时候，块元素和内联元素就不受父级区域的限制了，

可以移动到任何位置，此时如果加上width和height属性，那么就具有层的特征了。

观察图3 -33所示网页的构成。

图3 -33网页示例

表3 -2列出了页面模块的常用命名。

任务3掌握CSS层叠样式表

表3 -2页面模块的常用命名

至此，页面布局与规划已经完成，接下来要做的就是开始书写HTML代码和CSS。

用“记事本”编写如下代码并保存为3 _4_1．htm文件。