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
// 这类元素是行盒,但是变现上类似于行块盒,盒模型中所有的尺寸都有效;
上一篇下一篇

猜你喜欢

热点阅读