Grid布局指南

translation

简介
CSS网格布局(又称“网格”),是一种二维网格布局系统,它的目的是对基于网格设计方式的用户界面不做任何处理。CSS在处理网页布局方面一直做的不是很好。一开始我们用的是table(表格)布局,然后用float(浮动),position(定位)和inline-block(行内块)布局,但是这些方法本质上是hack,遗漏了很多功能,例如垂直居中。后来出了flexbox(盒子布局),解决了很多布局问题,但是它仅仅是一维布局,而不是复杂的二维布局,实际上它们(flexbox与grid)能很好的配合使用。Grid布局是第一个专门为解决布局问题而创建的CSS模块,2012年11月06日成立草案

more >>

css选择器的特殊性

什么是css选择器的特殊性?

no can no bb...

每个合法的文档都会生成一个结构树,根据元素的祖先、属性、兄弟、后代元素等等来创建选择器,然后进行样式声明。当通过使用不同的选择器来选择同一个元素并声明一样的属性时,就会产生声明冲突,那么这时用户代理会计算选择器的特殊性,具有最高特殊性的声明胜出,也就是我们常提到的css选择器权重。

more >>

flex布局

go crazy....lol...

flex布局(Flexible Box)是对界面css盒模型的一个优化,适应不同尺寸的屏幕,被定义flex的容器可以控制子元素的排列方向和大小,能够用更简单清晰的代码来完成复杂的布局。

more >>

新博客,新篇章

风景

昨天迎来了2016年的第一场雪,室外显得格外的寒冷,比较宅的我又多了个不愿出门的理由。平时休息也没有特别的爱好,就是吃、看看电影、学习、打羽毛球(近期才玩…),日子过的还算充实,也不知道是不是我这个年龄该有的状态。什么,年龄?shut up!本人18+,呵呵。

more >>

掌阅科技前端开发 <br> --为者常成,行者常至