- 博客(6)
- 收藏
- 关注
RSS订阅原创 flex布局（Flexible Box）
前言上一篇，我刚刚整理了水平垂直居中，在这里顺便整理了flex布局。我们都知道传统的布局是基于盒模型。而盒模型布局主要依赖于position、display和float属性，对于部分特别要求的布局实现比较困难，比如垂直居中，是实现起来就比较困难。这里felx布局实现起来就比较容易很多，比较重要的一点是，flexbox布局是方向无关的，而不是常规布局（块是基于垂直的和内联的，是水平的）。基础和语法在
2017-02-28 17:11:28
616
原创 水平垂直居中
水平垂直居中已知宽高的div.test{ width: 100px; height: 100px; position: absolute; background: pink; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px;} 效果如下： 那么此方法能不能
2017-02-22 11:24:26
341
原创 消除img之间的间距
如上图所看到，图片之间有间隔。经过实践，以下两种方法分享给大家：flex布局；给父元素加上font-size:0；矫正过的结果如下：
2017-02-21 17:23:07
2466
原创 CSS 选择符
1.id选择器（ # myid） 2.类选择器（.myclassname） 3.标签选择器（div, h1, p） 4.相邻选择器（h1 + p） 5.子选择器（ul < li） 6.后代选择器（li a） 7.通配符选择器（ * ） 8.属性选择器（a[rel = “external”]） 9.伪类选择器（a: hover, li: nth - child）可继承的样式： fon
2017-02-21 16:57:47
192
原创 CSS 编码规范
1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, line-height, letter-spacing, color, text-align等) 4.背景(background, border等) 5.其他(animation, t
2017-02-21 16:51:35
267
原创 git使用心得
创建新仓库创建新文件，打开，然后执行git init以创建新的git仓库检出仓库执行如下命令以创建一个本地仓库的克隆版本:git clone /path/to/repository如果是远端服务器上的仓库，你的命令会是这个样子：git clone username@host:/path/to/repository工作流你的本地仓库由 git 维护的三棵“树”组成。第一个是你的 工作目录，它持有实际文
2017-02-21 16:42:53
222
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人