css规划的几种模式
2024-08-23 13:01:11
导读:
CSS规划有多少种 CSS规划重要有以下几种: 1. 静态规划:最传统的规划模式,网页中一切尺寸都是由px作为单位,设置了min-width,假设宽度小于就会出现滚动条,如……
CSS规划有多少种
CSS规划重要有以下几种:
1. 静态规划:最传统的规划模式,网页中一切尺寸都是由px作为单位,设置了min-width,假设宽度小于就会出现滚动条,假设大于这个宽度则内容居中外加背景。
2. 自顺应规划:可以看成是不同屏幕下由多个静态规划组成的。自顺应规划是为不同的屏幕分辨率区分定义不同的规划。扭转屏幕分辨率可以切换不同的静态规划(页面元素位置或者出现扭转),但在每个静态规划中,页面元素不随窗口大小的调整出现变动。
3. 流式规划:网页中重要的划分区域的尺寸经常使用百分数(搭配min-*、max-*属性经常使用),区分为不同的屏幕设置规划格局,当屏幕大小扭转时,会出现不同的规划,意思就是在这个屏幕下这个元素块在这个中央,然而在那个屏幕下,这个元素块又会出如今那个中央。只是规划扭转,元素不变。
4. 照应式规划:媒体查问,依据屏幕尺寸设定不同的规划。
5. 弹性规划:rem/em flex规划,经过设置容器元素的flex属性,来成功子元素的自顺应陈列。
此外,还有块级规划、行内规划、行内块级规划等都是CSS规划的模式。
好受揭示:以上内容整顿于网络,仅供参考,假设对您有协助,留下您的浏览感言吧!
本站内容来源于网络,如不慎侵犯了您的权益,请联系我们将迅速删除。