html中的行内元素和块级元素有哪些.pdf
版权申诉
91 浏览量
2022-05-08
16:48:11
上传
评论
收藏 119KB PDF 举报
html中的⾏内元素和块级元素有哪些
1.关于⾏内元素和块级元素的说明
块级元素会⾃动占据⼀定矩形空间，可以通过设置⾼度、宽度、内外边距等属性，来调整这个矩形的样⼦；与之相反，⾏内元素，则没有⾃⼰的独
⽴空间，它是依附于其他块级元素存在的，因此，对⾏内元素设置⾼度、宽度、内外边距等属性，都是⽆效的。（置换元素除外）
2.⾏内、块级元素区别：
1，块级元素独占⼀⾏，其宽度⾃动填满⽗元素宽度
⾏内元素不独占⼀⾏，相邻⾏内元素排在同⼀⾏，直到排不下，才换⾏，其宽度随元素的内容⽽变化
2，⼀般情况下，块级元素可设置 width, height属性，⾏内元素设置width, height⽆效（置换元素除外）
(注意：块级元素即使设置了宽度，仍然是独占⼀⾏的)
3，块级元素可以设置margin 和 padding. ⾏内元素的⽔平⽅向的padding-left,padding-right,margin-left,margin-right 都产⽣边距效果，但
竖直⽅向的padding-top,padding-bottom,margin-top,margin-bottom都不会产⽣边距效果。（⽔平⽅向有效，竖直⽅向⽆效）
3.⾏内、块级元素：
常见块级元素(block element)
address - 地址
center - 居中对齐块
div - 常⽤块级元素，也是css layout的主要标签
dl - 定义列表
form - 交互表单
h1 - ⼤标题
h2 - 副标题
h3 - 3级标题
h4 - 4级标题
h5 - 5级标题
h6 - 6级标题
hr - ⽔平分隔线
menu - 菜单列表
ol - 有序列表
ul - ⽆序列表
li - 列表项
p - 段落
pre - 格式化⽂本
table - 表格
tr - 表格中的⾏
常见内联元素(inline element)
a - 锚点
b - 粗体(不推荐)
big - ⼤字体
br - 换⾏
dfn - 定义字段
em - 强调
i - 斜体
img - 图⽚
input - 输⼊框
label - 表格标签
资源评论
