前几天研究了一下这个布局方式，笔记待更新
先放一下学习站点
文档
https://hacks.mozilla.org/2018/02/css-grid-for-ui-layouts/
1flex容器的六个属性flex实现垂直居中：<divclass="box"><spanclass="item"></span></div>.box{display:flex;justify-…
.x-column-header{//更改grid表头样式color:blue;font-size:12px;}
css-grid*{margin:0;padding:0}#container{display:grid;grid-template-columns:100px100px100px;grid-template-rows:100px100px…
转自http://hi.baidu.com/yongqihejiqing/home"解释上面代码：第一个div:prepend-1意思为:padding-left:40px;span-1意思为：width:30px;margin-right…
CSS两列布局，右侧固定，左侧自适应宽度<div><div>这是右侧的内容</div><div>这是左侧的内容，自适应宽度</div></div>CSS两列布局，左侧固…
今天开始，认真学习前端技术，哈哈哈~~~加油~~~推荐这本《CSS网站布局实录》（第2版）给初级入门选手，虽然这本书年代有点久远，不过很经典。注明一下：这里讲述的CSS均为CSS2.0版本。第一章Web标准与CSS布局概述1.1Web标准的…
vw,vh是视口单位，是相对视口单位，与百分百布局不一样的是，百分百是相对于父及元素，而vw布局是相对与窗口。而rem布局是要与js一起配合//以iphone6设计稿@functionpx2vw($px){@return($px/375)*…
原文地址：http://blog.jobbole.com/31926/英文原文：CSSBaseline，编译：飞鸟分享译者注：网页设计布局中一直比较流行网格对齐，但只是针对水平的对齐，很少或者没有涉及垂直对齐，这篇文章很详细的讲解了垂直网格…
