摘要：
元素两端对齐 第一个案例是让两个元素分别向左和向右对齐，如果是过去，我一定会用float来实现，但其实用table可以这么做： 自动平均划分每个小模块，使其一行显示 第二个案例我们先看看图： 遇到上面这种布局，一般会用float来做，或者把每个li设置成display:inline-block;来做 阅读全文
摘要：
现在有工具进行转换我们可以不需要去心算各种单位了，切图的时候直接用px，然后页面切完后，将样式丢到工具中进行转换，秒秒中就能把样式中所有px单位转成rem。 第一步：页面加入根元素计算JS代码 第二步：将你写好的CSS文件丢入工具进行转换 在这里要解释下为什么对border的各种属性不进行处理，因为 阅读全文
摘要：
FitVids.js是什么 FitVids.js是一个轻量级的jQuery响应式视频插件，他可以实现流体视频的嵌入。FitVids.js应用了内在的比例算法，在你的响应网页上实现视频的流体宽度。 使用方法： 引入 jQuery 1.7+ and FitVids.js ，使用fitVids()方法把视 阅读全文
摘要：
PX为单位 相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 在Web页面初期制作中，我们都是使用“px”来设置我们的文本，因为他比较稳定和精确。但是这种方法存在一个问题，当用户在浏览器中浏览我们制作的Web页面时，他改变了浏览器的字体大小，这时会使我们的Web页面布局被打破。这样对于那些关心 阅读全文
摘要：
1. 使用 :not() 为导航添加/取消边框 很多人会这样给导航添加边框，然后给最后一个取消掉： /* add border */.nav li { border-right: 1px solid #666;} /* remove border */.nav li:last-child { bor 阅读全文
摘要：
1. 垂直对齐 如果你之前遇到过这个问题，你就应该知道它是多么的烦人，幸运的是，现在你可以使用CSS3变换来解决这个问题： .vc{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -o-transform: tr 阅读全文