css元素类型详解

css元素类型分为三大类

1.块级元素：网页中以块的形式出现，

　　默认情况下独占一行，顺序由上而下排列，块状元素可以设置自己的宽度和高度，块状元素一般都作为其他元素的容器，可以容纳其他内联元素和其他块元素。把这种容器称为一个子。

常见的块级标签

div：最常见的块级元素

dl：和dt，dd搭配使用的块级元素

form：交互表单

h1-h6：大标题

hr:水平分割线

ol:有序列表

p：段落

ul：无序列表

li

fieldset-表单字段集

colgroup-col;表单列分组元素

table-tr-td 表格及行，单元格

 

2.内联元素：

　　内联元素表现形式为在行内逐个进行排列显示，没有自己的形状，不能定义宽高，高度只能根据包含内容的高度和宽度来确定，他的最小内容单元也会呈现矩形形状，也能遵循盒模型基本规则，可以定义padding，border，margin，background等属性，但个别属性不能正确显示（padding-top ；margin-top/bottom）

常见的内联元素

a-超链接（锚点）

b粗体

br：换行

i；斜体

em-强调

img-图片

input-输入框

label-表单标签

span-常用的内联容器，定义文本内区块

strong-粗体强调

sub-下标

sup-上标

textarea-多行文本输入框

u-下划线

select-项目选择

3.内联块元素：

　　内联块元素在同一行显示，可以设置宽高以及盒模型的所有属性

内联块元素

input输入框

特殊（可变元素）：button 根据请况而定

元素类型的转换

display属性

display：none；

display:block;此元素将显示为块级元素，此元素前后会带有换行符

display：inline；此元素会被显示为内联元素，元素前后没有换行符

inline-block；行内内块元素