第四章盒子模型.pptVIP

* 计算机学院 web基础 * 4.2 盒子模型相关属性 4.2.5 盒子的宽与高 使用宽度属性width和高度属性height可以对盒子的大小进行控制。 width和height的属性值可以为不同单位的数值或相对于父元素的百分比%，实际工作中最常用的是像素值。 example 09 大多数浏览器，如Firefox、IE6及以上版本都采用了W3C规范，符合CSS规范的盒子模型的总宽度和总高度的计算原则是： 盒子的总宽度= width+左右内边距之和+左右边框宽度之和+左右外边距之和 盒子的总高度= height+上下内边距之和+上下边框宽度之和+上下外边距之和 * 计算机学院 web基础 * 4.2 盒子模型相关属性 4.2.5 盒子的宽与高 注意： 1、宽度属性width和高度属性height仅适用于块级元素，对行内元素无效（img /标记和input /除外）。 2、计算盒子模型的总高度时，还应考虑上下两个盒子垂直外边距合并的情况。 * 计算机学院 web基础 * 4.3 元素的类型与转换 4.3.1 元素的类型 HTML标记一般分为块标记和行内标记两种类型，它们也称块元素和行内元素。具体如下： 块元素 每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。 常见的块元素有h1~h6、p、div、ul、ol、li