摘要：应用象`EM` 和 `REM`这种相对长度单位进行页面排版是WEB开发中的最佳实践。在页面排版中较好应用`EM` 和 `REM`，根据设备尺寸缩放显示元素的大小。这就使得组件在不同设备上都达到最佳的显示效果成为可能。 但问题是究竟该用 `EM` 还是 `REM` 呢？关于这个问题一直存在比较大的争议。本文将会给大家介绍究竟什么是 `EM` 和 `REM` 和如何进行两者的选择，以及结合两者优势构建模块化的WEB组件。 阅读全文

摘要：本文简要阐述了用CSS边框的方法在页面上绘制三角形，包括几种典型的三角形绘制，还介绍了几个简单的应用场景。利用边框绘制三角形方法只是众多方案中的一种，大家根据项目实际，选用最适宜项目的方案。 阅读全文

摘要：布局的传统解决方案是基于盒状模型，依赖 display + position + float 方式来实现，灵活性较差。2009年，W3C提出了一种新的方案-Flex，Flex是Flexible Box的缩写，意为”弹性布局”。Flex可以简便、完整、响应式地实现多种页面布局。下面我们就从基础语法开始，一起来感受下Flex的魅力吧！ 阅读全文