一.盒子阴影
二.盒子尺寸
1.盒子最大最小尺寸
![]()
该元素宽度,不论如何拉伸压缩,相对于浏览器始终保持80%的大小;但当拉长到一定程度时,最大宽度只能到800px。
2.盒子尺寸应用
- 例如,在一些网站帖子中上传图片,设置的帖子框架为800px,但是用户上传的图片宽于800px会超出范围。这时我们可以限制图片最大尺寸大小,如下例:
三.盒子空间
- 应用:比如要在盒子内部给内容加内边距,但是又不想把盒子撑大,就可以使用怪异模式“box-sizing:border-box”
![]()
该元素宽度,不论如何拉伸压缩,相对于浏览器始终保持80%的大小;但当拉长到一定程度时,最大宽度只能到800px。
本文标题:CSS3 盒子阴影、尺寸、空间
本文链接:https://www.haomeiwen.com/subject/clspqqtx.html
网友评论