HTML学习第十一章------div和span
教材:Head First HTML与CSS
1. <div>
元素
充当一系列相关元素的逻辑容器
通过将页面进行逻辑划分,将相关联的元素们归为一个逻辑部分,将页面分为几个逻辑部分。用<div>
标记各部分, 可以为每个组设置一个id
属性来添加一个唯一的标签。
这种逻辑划分可以便于他人理解分析网站结构并且便于自己后续的维护。
结构之间也可以进行嵌套
将cats和dogs放在pets结构中。
width
属性来指定宽度,指定的是内容区的宽度。可通过像素或者百分数赋值,百分数表示的是相对于该元素所在容器(<body>
, <div>
等)的宽度的百分比。
无法直接定义整个元素的宽度,整个元素宽度通过内容区宽度,补白,边框和边界宽度相加组成。
不设置宽度时,块元素默认宽度为auto