一、常见的块级元素和行内元素
块级元素和行内元素是CSS学习中一个很重要的点,我们先来看看哪些元素是块级元素,哪些元素是行内元素。
块级元素:
行内元素:
还有一些元素可以根据上下的语境通过CSS来改变,上下文的语境决定其为块级元素还是内联元素,我们称之为“可变元素”
二、块级元素和行内元素的区别
1.块级元素总是从新行开始,占据一整行空间,行内元素可以跟相邻的行内元素在同一行上,占据的空间是自身的宽度空间
2.块级元素内部可以容纳内联元素和其他块级元素,而行内元素只能容纳文本和其他内联元素
3.块级元素的高度、行高、外边距以及内边距都可以控制,行内元素设置width无效,height无效,margin上下无效,padding上下无效,水平方向有效,但是可以设置line-height。