CSS元素类型大揭秘，了解网页布局的核心

人亦已歌

CSS元素类型大揭秘，了解网页布局的核心

1、块状元素，在页面中以矩形区域显示。

自上而下排列，独占一行

可以直接添加宽高，可做为其他元素或者内容的容器

常用的块状元素有：div、p、h1...h6、ol、ul、dl、table、address、blockquote 、form 、fieldset(表单字段集)、colgroup-col(表单列分组元素)、table-tr-td

2、内联元素，在页面中最小单位也是矩形。

在一行内排列，不独占

不可以直接添加宽和高，大小是由内容撑开的。

内联元素也符合盒模型的规则，但是个别属性会出现问题（padding-top） magin-top/bottom)

3、内联块状元素，内联块状元素就是同时具备内联元素、块状元素的特点。

1)和其他元素都在一行上；

2）元素的高度、宽度、行高以及顶和底边距都可设置.

元素类型的转换 盒子模型可通过display属性来改变默认的显示类型

以上就是css元素类型的介绍，希望对大家有所帮助。

1. 更多css学习指路：css教程

复制代码

本文教程操作环境：windows7系统、css3版，DELL G3电脑。