CSS行内元素的概念
行内元素定义
CSS行内元素，也叫内联元素，一般都是基于语义级的基本元素，只能容纳文本或其他内联元素，常见内联元素比如a、span、iframe等都是行内元素
行内元素特点
- 可以和其他元素处于一行，不用必须另起一行
- 元素的高度、宽度以及顶部和底部边距不可设置
- 元素的宽度就是它包含的文字、图片的宽度，不可改变
常见的行内元素
alabelspaninputtextarea- ...
CSS块级元素的概念
块级元素定义
块级元素会独占一行显示的。通俗点儿来说，块级元素一般是其他元素的容器元素，能容纳其他块元素或内联元素，最常见的就是p和div
块级元素的特点
- 每个块级元素都是独自占一行，其他的元素也只能另起一行，并不能两个元素公用一行
- 元素的高度、宽度、行高和顶底边距都是可以设置的
- 元素的宽度如果不设置的话，默认为父元素的宽度
常见的块级元素
pdivh1~h6ulolhr- ...
行内元素与块级元素的区别
- 块级元素会独占一行，默认情况下宽度自动填满其父元素宽度；行内元素不会独占一行，相邻的行内元素会排在同一行，其宽度随内容变化而变化
- 块级元素可以设置宽高；行内元素不可以设置宽高
- 块级元素可以设置
margin、padding；行内元素只能水平方向的margin和padding如margin-left、padding-right可以产生边距效果 - 块级元素对应
display:block；行内元素对应display:inline。
注：
display:inline-block属性可以让元素具有块级和行内元素的特性，即可设置长宽，又可让padding和margin生效，又可以和其他行内元素并排
