【CSS】三种元素类型的特点分别是什么

根据 CSS 显示分类，XHTML元素被分为
三种类型：块状元素（block element）、内联元素（inline element）、行内块元素。

1. 块状元素（block element）

• A）块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域，常用的块状元素：div,dl,dt,dd,ol,ul,fieldset,（h1-h6）,p,form,hr,colgroup,col,table,tr,td等；
• B）默认情况下，一个块状元素都会占据一行，通俗地说，两个相邻块状元素不会出现并列显示的现象；默认情况下，块状元素会按顺序自上而下排列。
• C）块状元素都可以定义自己的宽度和高度。
• D）块状元素一般都作为其他元素的容器（父级），它可以容纳其它内联元素和其它块状元素。我们可以把这种容器比喻为一个盒子。

2.内联元素（inline element）

• A）常见的内联元素如：a,span,i,em,strong,b等；
• B）内联元素的表现形式是始终在一行显示；
• C）内联元素没有自己的形状，不能定义它的宽和高，它显示的宽度、高度只能根据所包含内容的高度和宽度来确定，它的最小内容单元也会呈现矩形形状；
• D）内联元素也会遵循盒模型基本规则，如可以定义padding，border，margin，background等属性，但个别属性值（margin-top/margin-bottom）不能正确显示；

常见元素：

a-锚点
i-斜体
em-倾斜
span-常用内联容器，定义文本内区块
strong-粗体强调
b–加粗

3.内联块状元素（inline-block）

它是同时具备内联元素、块状元素的特点，<img>、<input>标签就是这种内联块状标签。

• A）和其他元素都在一行上；
• B）元素的高度、宽度、行高以及顶和底边距都可设置

常见元素：

img input textarea buttom
img-图片
input-输入框
textarea-多行文本输入框