HTML学习第十一章------div和span
教材:Head First HTML与CSS
1. <div>
元素
充当一系列相关元素的逻辑容器
通过将页面进行逻辑划分,将相关联的元素们归为一个逻辑部分,将页面分为几个逻辑部分。用<div>
标记各部分, 可以为每个组设置一个id
属性来添加一个唯一的标签。
这种逻辑划分可以便于他人理解分析网站结构并且便于自己后续的维护。
结构之间也可以进行嵌套
将cats和dogs放在pets结构中。
width
属性来指定宽度,指定的是内容区的宽度。可通过像素或者百分数赋值,百分数表示的是相对于该元素所在容器(<body>
, <div>
等)的宽度的百分比。
无法直接定义整个元素的宽度,整个元素宽度通过内容区宽度,补白,边框和边界宽度相加组成。
不设置宽度时,块元素默认宽度为auto,会延伸到所有的空间,即浏览器的边界。auto使内容充满所有空间(除了补白,边框和边界)。
元素的高度默认使用auto,可以使得内容全部都能被看到,并随着宽度而自动调整,如果设置的高度太小会导致内容出现丢失,所以一般默认为auto。
text-align: center