在项目开发的过程中，我们会经常用到一些图标。但是我们在使用这些图标时，往往会遇到失真的情况，而且图片数量很多的话，页面加载就越慢。所以，我们可以使用字体图标的方式来显示图标，既解决了失真的问题，也解决了图片占用资源的问题。 1：上网下载需要的图标（svg格式）,在这里推荐一个网…

flex: 1 flex: auto flex: none flex: 0到底有什么区别？在什么时候使用？flex简写设置了项目如何增大或缩小以适应在容器中可用的空间。

flex布局即为弹性布局，可以使元素具有伸缩性，根据父容器的大小，来决定收缩还是扩展。设为flex布局以后，子元素的float、clear和vertical-align属性将失效。 不过由于父盒子的宽度限制，不能全部排满。接下来我们就来试试flex布局↓ 是不是发现和float…

前言      在日常布局中,无论是两栏布局还是三栏布局,使用的频率都非常高。 两栏布局      两栏布局实现效果是将页面分割成左右宽度不登的两列,宽度较小的列设置为固定高度,剩余宽度由另一列撑满,

网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案----Flex …