本文主要是学习CSS盒模型的笔记,总结了一些基本概念,知识点和细节。HTML的大多数元素都是块级(block)元素或行内(inline)元素。
块级元素:默认情况下,块级元素会另起一行,并尽可能的充满整个容器。块级元素可以包含行内元素和其他块级元素,相比于行内元素可以创建更复杂和大型的结构。
行内元素:行内元素不会另起一行只占据它对应的标签的边框所包含内容的空间,只能包含数据和其他行内元素。
盒模型:html文档中的每个元素都被描绘成矩形盒子,这些矩形盒子通过一个模型来描述其占用空间,这个模型称为盒模型。盒模型通过四个边界来描述:margin(外边距),border(边框),padding(内边距),content(内容区域)。
Read more »