元素类型+定位

1、元素类型
块状元素

块状元素在网页中以块的形式存在
默认情况下,块状元素都会占据一行
块状元素可以定义自己的宽高
块状元素可以作为其他元素的容器,可以包含块元素和内联元素
例:div dl form h1 h2… hr ol p table ul等
注意:
h1-h6、p标签里面不能包含其他块元素,包含本身
内联元素

内联元素逐个在行内显示
内联元素不能定义它的宽和高,它的宽和高根据内容来确定
内联元素也可以定义padding,border,margin,background等属性
例:a b br img input select label span sup sub textarea等
内联块元素

内联块元素和其他元素都在一行显示
元素的高度,宽度,行高,以及间距
例:img input textarea
元素转换

通过display属性改变元素类型
属性值:
block:块状显示
inline:内联显示
inline-block:元素以块状显示,行内其他元素显示在同一行(只有这一个元素类型支持vertical-align属性)例:input img
none:此元素不会被显示
list-item:将元素转换成列表
当元素设置float属性后,该元素就具备了块状元素的特点
置换元素

置换元素:浏览器根据元素的标签和属性,来决定元素的具体显示内容。例如:浏览器会根据标签的src属性的值来读取图片信息并显示出来,而如果查看(x)html代码,则看不到图片的实际内容;标签的type属性来决定是显示输入框,还是单选按 钮等。 (x)html中的