前端css基础知识点之element——元素类型
元素根据表现的特性分为块级元素(block )、行内元素(inline)、行内块元素(inline-block)
元素类型 | 特点 |
---|---|
块级元素 | 1 独占一行 2 设置宽高有效(padding、margin、line-height) 3 不设置宽度 默认是父亲的100% |
行内元素 | 1 可以与其他行内元素并排 2 设置宽高无效(不支持垂直方向的margin和padding) 3 元素靠元素撑开 |
行内块元素 | 1 可以与其他行内元素或行内块元素并排 2 可以设置宽高 |
display 改变元素的显示模式
/*
display: block 转化为块级
display: inline 转为行内元素
display: inline-block 转为行内块元素
display: none 隐藏元素
*/