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规划的形式。