资讯专栏INFORMATION COLUMN

《CSS世界》笔记二:盒模型四大家族

icyfire / 1430人阅读

摘要:基本上,等高布局只能满足栏的情况,除非正好是等比例的,那还可以使用实现最多栏布局上一篇世界笔记一流元素尺寸下一篇世界笔记三内联元素与对齐

上一篇:《CSS世界》笔记一:流/元素/尺寸
下一篇:《CSS世界》笔记三:内联元素与对齐

写在前面

在读《CSS世界》第四章之前,粗浅的认为盒模型无非是margin/border/padding/content而已,再多无非在不同box-sizing下的表现不同而已;但是书中记录的替换元素与非替换元素、content的一些用法、margin合并等等,让我对“盒模型四大家族”有了全新的认识

一、替换元素与非替换元素
根据“外在盒子”是内联还是块级我们可以把元素分为内联元素和块级元素,而根据是否具有可替换内容,我们也可以把元素分为替换元素和非替换元素
1.1 替换元素定义

通过修改某个属性值呈现的内容就可以被替换的元素就称为“替换元素”,常见的替换元素有: