css模型与浮动定位盒 |css时间轴归档

块级元素是指在网页中每个元素都占据一整行空间，它们可以设置宽度、高度、内边距和外边距。在HTML中，块级元素用<div>或<p>标签表示。

div {
width: 50%;
height: 100px;
margin: 10px;
padding: 5px;
}

行内元素是指在网页中各个元素都在同一行中，它们只能设置宽度和内边距。在HTML中，行内元素用<span>或<a>标签表示。

span {
width: 50px;
padding: 2px;
}

除了CSS模型外，浮动定位盒是网页设计中另一个常用的概念。浮动定位盒可以将某个元素从正常的文档流中移出来，从而实现元素的布局。

使用浮动定位盒可以实现多列布局、文字环绕图片等效果。在CSS中，可以使用float属性来设置元素的浮动方向。

img {
float: left;
margin-right: 10px;
}

CSS模型和浮动定位盒是设计网站界面不可缺少的两个概念，掌握它们可以让你更好地设计出优美、实用的网站。