HTML5程序设计及实践 全套课件.ppt

CSS3之前，符合标准的浏览器中元素width或height属性只包括content部分，而IE5浏览器中元素的width和height属性则包括border+padding+content三部分。CSS3利用盒模式进行了完善，通过设置box-sizing属性，可以设置不同的盒模型模式 content-box：元素的属性width/height代表content的宽和高。 border-box：元素的属性width/heigh代表border+padding+content的宽和高。 inherit：继承父元素box-sizing 属性的值。 盒模型方式 box-sizing:content-box|border-box|inherit; 盒模型方式 style type=text/css div{ width:300px; height:400px; background:#996; padding:40px; /*border-box使得元素的宽和高不变，只是内容位置发生变化*/ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } /style CSS3中新增了resize属性，他运行通过拖动的方式改变元素的大小，而在之前如果要实现这种效果，通常需要使用javascript脚本。 参数