CSS样式之行盒模型 ------ 2020-01-19
2020-01-19 本文已影响0人
自己写了自己看
1、行盒模型
// 盒模型分类:块盒、行盒、行块盒;
// 常见的行盒:
img、strong、em、i、img、video、audio;
2、行盒模型的显著特点:
/**
1、盒子沿着内容延伸;
2、行盒不能设置宽高,所以调整行盒的高度可用办法有:字体大小,行高,字体类型,等间接调整方式;
3、内边距(填充区):水平方向有效,垂直方向不会实际占据空间,会改变背景的大小;
4、边框:水平方向有效,垂直方向不会实际占据空间;
5、外边距:水平方向有效,垂直方向不会实际占据空间;
*/
3、一些行盒表现的是行块盒的特性:
// img、video、audio
// 这类元素是行盒,但是变现上类似于行块盒,盒模型中所有的尺寸都有效;