Open zonglang opened 5 years ago
思路:排列方式,盒模型,inline-block,布局,缺点 行内元素 默认宽度只与内容相关,水平方向排列 盒模型上,不能设置width、height(可以设置line-height)、上下margin无效 块级元素 默认宽度占父元素100%,垂直方向排列 块级元素可以包含文本,行内,块级元素;行内只能包含文本、行内元素 块级行内元素 既可以设置宽高,又有行内元素的不换行特性 vertical-align只对inline-block、inline元素有效 inline-block、inline元素间的空隙 => 空白符占据一定宽度 改变书写方式 => 并行写 改变字符大小 => 设置字体大小 改变元素间距 => 负margin,有兼容性问题 vertical-align 行内盒子没有内容,基线就是margin-bottom,有内容,基线就是文字的基线 设置vertical-align就不按基线对齐了,top是父元素的顶部,middle是父元素的中间 js bin、文章 可替换元素 展现效果不是由css来控制,外观渲染独立于css <iframe>、<img>、<video>
思路:排列方式,盒模型,inline-block,布局,缺点
<iframe>
<img>
<video>
块级元素和行内元素的区别