Web 应用的样式设计中，布局是非常重要的一部分。布局用来确定页面上不同组件和元素的尺寸和位置。随着响应式用户界面的流行，Web 应用一般都要求适配不同的设备尺寸和浏览器分辨率。响应式用户界面设计中最 ...

对于 flex-shrink 我们都知道它在 flex 布局中控制 flex 盒子空间不足时子元素改如何收缩，平常开发中更多的是使用默认值 1 或者设置 0。那设置其他值的时候会有什么效果呢，不少文章 ...

效果图： ...

　　布局的传统方案，基于盒装模型，依赖display属性+position属性+float属性。他对于那些特殊的布局非常不方便，比如，垂直居中就不容易实现。　　2009年，W3C提出了一种新的方案—- ...

　　这是一个常见的页面布局，Header→Body→Footer，中间Body包含两到三列，重要内容放置在html靠前位置，优先加载，html代码如下： 　　如果使用传统的CSS来 ...

CSS盒子模型(下) 一．CSS3可伸缩框（Flexible Box） 可伸缩框属性（Flexible Box）是css3新添加的盒子模型属性，有人称之为弹性盒模型，它的出现打破了我们 ...

CSS盒子模型（上） 盒子模型（Box Model）是CSS控制页面时一个很重要的概念。只有很好地掌握了盒子模型以及其中每个元素的用法，才能真正地控制好页面中的各个元素。 ...