5.5宽度属性和高度属性 (1)讲解.pptx

宽度属性和高度属性5.5

了解盒子宽度属性和高度属性，能够计算盒子的实际宽度和高度。学习目标5.5宽度属性和高度属性

5.5宽度属性和高度属性在CSS中使用宽度属性width和高度属性height可以对盒子的大小进行控制。width和height的属性值可以为不同单位的数值或相对于父元素的百分比，实际工作中最常用的是像素值。案例演示

5.5宽度属性和高度属性CSS规范中，盒子的width属性和height属性仅指块元素内容的宽度和高度，块元素周围的内边距、边框和外边距是单独计算的。但浏览器都采用了W3C规范。盒子模型的宽度和高度的计算原则盒子的宽度=width值+左右内边距值+左右边框宽度值+左右外边距值盒子的高度=height值+上下内边距值+上下边框宽度值+上下外边距值

注意：宽度属性width和高度属性height仅适用于块元素，对行内元素无效，但img/标签和input/标签除外。5.5宽度属性和高度属性