在CSS3中可以使用
box-sizing: border-box;将盒子模型的计算方式改为含有border和padding的内容盒子,使得大家更加方便实现具有固定宽高的布局,不会受到内边距和边框的影响。
此外,CSS3盒子模型还加入了
box-sizing: padding-box;这个值,它包含了padding部分的空间,但是不包含border、margin区域。
除了修改盒子模型的计算方式,还可以使用
transform: translate()实现元素的位置移动。
transform: rotate()可以让元素旋转,
transform: scale()可以改变元素的大小。
CSS3盒子模型除了以上提及到的一些特性,还有很多具有实用性的功能,如果大家深入学习,将会有所收获。希望大家能够善用这些属性,创造出更加优秀的页面效果!