盒子模型、浮动、定位
什么是标准流？
就是标签的排列顺序，在标准流中，
- 块级元素：div，占一行
- 行内元素：span，有多少占多少 ，上一个接下一个
问：行内元素能变成块级元素吗？
<body> <div class="menu">栏目一</div> <span class="menu xian">栏目二</span> <span class="menu">栏目三</span> <span class="title">这是<span>一</span>条新闻标题</span> </body> .xian{ display:block; }
效果展示：
盒子模型
每个标签就像一个盒子
- Margin(外边距) - 清除边框外的区域，外边距是透明的。
- Border(边框) - 围绕在内边距和内容外的边框。
- Padding(内边距) - 清除内容周围的区域，内边距是透明的。
- Content(内容) - 盒子的内容，显示文本和图像。
