http://qianduanblog.com/post/css-learning-18-css3-flex-responsive-design-example.html
知识点：viewport：可视窗口，也就是浏览器。vwViewport宽度，1vw等于viewport宽度的1%vhViewport高度，1vh等于viewport高的的1%calc()使用通用的数学运算规则，但是也提供更智能的功能：1、使…
在CSS2中，你可以为不同的媒介设备（如屏幕、打印机）指定专用的样式表，而现在借助CSS3的MediaQueries特性，可以更为有效的实现这个功能。你可以为媒介类型添加某些条件，检测设备并采用不同的样式表。例如，你可以把用于大屏幕上显示的…
常见的页面布局方式有，静态布局px布局流式布局（LiquidLayout）主要的划分区域的尺寸使用百分数（搭配min-*、max-*属性使用）自适应布局（AdaptiveLayout）即创建多个静态布局，每个静态布局对应一个屏幕分辨率范围响…
1flex容器的六个属性flex实现垂直居中：<divclass="box"><spanclass="item"></span></div>.box{display:flex;justify-…
<?xmlversion="1.0"encoding="utf-8"?><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xht…
使用负margin可以使当前的div左边能容纳下面的div浮动上来，因此把右边的div摆在前面，左边的摆后面，右边的使用负margin就能让左边的浮上来，这样就遮住了右边的左半部分，只要右边再内部使用一个div，外边距为左边的宽度就实现了左…
实例如果文档宽度小于300像素则修改背景颜色(background-color):@mediascreenand(max-width:300px){body{background-color:lightblue;}}尝试CSS语法@medi…
CSS两列布局，右侧固定，左侧自适应宽度<div><div>这是右侧的内容</div><div>这是左侧的内容，自适应宽度</div></div>CSS两列布局，左侧固…
