块级元素具有以下特点:
(1) 总是在新行上开始,占据一整行;
(2) 高度、行高以及外边距和内边距都可以控制
(3) 宽度始终是和浏览器宽度一样
(4) 它可以容纳内联元素和其它块元素
行元素的特点:
(1) 和其它元素都在一行上
(2) 内联元素不可以设置宽和高,垂直的margin和padding
(3) 宽度只与内容有关
(4) 行元素只能容纳文本或者其它行内元素
|
元素 | 独占一行 | 能设置宽高 | margin padding值 |
---|---|---|---|
块级元素 | 是 | 是 | 四个方向都可以设置 |
行级元素 | 否 | 否 | 竖直的不可以设置 |
内联元素水平方向的可以设置,因为是行内的行为,也就是带left、right的margin、padding
常见的有
内联元素 | 块元素 |
---|---|
a:超链接或锚 | address:地址 |
b:粗体 | div:常用块元素 |
big:大字体 | dl:定义列表 |
em:强调 | fieldest:控制组 |
font:字体设定 | form:交互表单 |
i:斜体 | h1-h6:标题 |
img:图片 | hr:水平分割线 |
input:输入框 | ol:有序列表 |
lable:提示框 | p:段落 |
select:列表选择 | pre:格式化文本 |
small:小字体文本 | table:表格 |
span:常用内联容器 | ul:无序列表 |
strong:粗体强调 | |
sub:下标 | |
sup:上标 | |
textarea:多行文本输入框 | |
u:下划线 |