web前端笔记
文章平均质量分 58
benoxo
这个作者很懒,什么都没留下…
展开
-
git简明教程
原文:http://www.bootcss.com/p/git-guide/ 作者:罗杰·杜德勒 这里只做了简单的整理,侵权删除创建新仓库创建新文件夹,打开,然后执行 git init以创建新的 git 仓库。检出仓库 执行如下命令以创建一个本地仓库的克隆版本:git clone /path/to/repository 如果是远端服务器上的仓库,你的命令会是这个样子:git clone us转载 2016-08-27 22:10:51 · 346 阅读 · 0 评论 -
多列自适应布局
多列布局是从两列布局引申出来的,所以我们先来看两列布局两列布局:定宽 + 自适应HTML结构如下所示:<div class="parent"> <div class="left"> <p>left</p> </div> <div class="right"> <p>r-left</p> <p>r-right</p> </原创 2016-08-28 20:31:01 · 598 阅读 · 0 评论 -
水平排列元素的底部对齐
最终运行结果 HTML结构<div class="parent"> <div class="child" style="height: 200px; width:50px; background-color: red;">red</div> <div class="child" style="height: 140px; width:50px; background-color原创 2016-08-28 14:59:52 · 17183 阅读 · 0 评论 -
CSS水平垂直居中布局
水平垂直居中布局HTML结构如下所示<div class="parent"> <div class="child">demo</div></div>1. [inline-block + text-align] + [table-cell + vertical-align]前半部分实现水平居中,后半部实现垂直居中.parent { display: table-cell; v原创 2016-08-28 14:45:00 · 569 阅读 · 0 评论 -
CSS垂直居中布局解决方案
垂直居中布局解决方案HTML结构如下<div class="parent"> <div class="child">demo</div></div>1. table-cell + vertical-align.parent { display: table-cell; vertical-align: middle;}优点:兼容性很好,兼容至IE6(*zoom)2. a原创 2016-08-28 14:15:24 · 409 阅读 · 0 评论 -
CSS图片轮播组件布局方案
最终效果如下图所示 HTML结构如下<div class="m-slide"> <!-- 图片省略 --> <!-- 以下是指示器 --> <img src="" alt="" width="250" height="150"> <div class="pointer"><i></i><i></i><i></i></div></div>这里的silde的宽高未知1. absolu原创 2016-08-28 00:17:22 · 2896 阅读 · 0 评论 -
CSS水平居中布局解决方案
HTML结构如下<div class="parent"> <div class="child">demo</div></div>这里的父元素和子元素的宽度都未知1. inline-block + text-align.child { display: inline-block;}.parent { text-align: center;}优点:兼容性很好,可以兼容到IE6(*zo原创 2016-08-27 23:19:44 · 399 阅读 · 0 评论