CSS3中的background-size(对响应性图片等比例缩放)
background-size的基本属性
background-size: 可以设定背景图像的尺寸，该属性是css3中的，在移动端使用的地方很多，比如最常见的地方在做响应性布局的时候，比如之前做的项目中有轮播图片，为了自适应不同大小分辨率的图片，我门...
HTML中ID与NAME的区别
可以说几乎每个做过Web开发的人都问过，到底元素的ID和Name有什么区别阿？为什么有了ID还要有Name呢？而同样我们也可以得到最经典的答案：ID就像是一个人的身份证号码，而Name就像是他的名字，ID显然是唯一的，而Name是可以重复的。
...
CSS3中REM使用详解
在页面中设置字体，我们知道有常见的两种，px 和 em.
px
在 Web页面制作中，我们一般使用“px”来设置我们的文本，因为他比较稳定和精确。但是这种方法存在一个问题，当用户在浏览器中浏览我们制作的Web页面 时，他改变了浏览器的...
pt 与 px、em、rem 的区别与换算
DPI/pt/px 单位的含义
DPI(Dots Per Inch)
每英寸像素数。Windows 系统默认是 96dpi，Apple 系统默认是 72dpi。
pt (point，磅)
是一个物理长度单位，指的是 72 分之一英寸。
px (pixel，像素)
一个虚拟长度单位，是计算...
【译】CSS：响应式下的折叠菜单(条纹式)
原文：CSS: Responsive Navigation Menu 译文：CSS：响应式导航菜单 译者：dwqs写在之前，关于如何制作响应式的下拉菜单：响应式下的下拉菜单之前，我写了一篇关于怎么制作响应式的移动导航的教程。现在，我发现了...
【译】响应式设计三部曲
原文：Responsive Design in 3 Steps译文：响应式设计的三个步骤译者：dwqs现在，响应式Web设计无疑是非常流行的。如果你对响应式设计还不熟悉，可以看看我之前发表过的关于这方面的responsive sites。对于新人，responsive design可...
CSS3模拟侧滑菜单
在APP应用上，常见的一种导航方式是侧滑导航，效果类似于这样： 用CSS3可以对其进行模拟，代码如下： HTML：<nav> <div id="toggleMenu"> <span id="hide"></span> <span id...
CSS变形弹窗效果示例
大家都知道，弹出窗体已经是现在网页常用的一种交互设计，在这个注重交互动画体验的时代，网页弹窗也是可以来点新鲜点子的，比如今天分享的CSS 变形Modal Window。
当用户点击按钮时，按钮将会变成一个全屏的屏幕，然后再显示内...
CSS3属性background-size做响应式布局背景图
现在响应式布局越来越流行，但是网站的logo一般是用的 background(背景图片) 属性实现，而不是直接在页面使用img标签。
如果使用背景，在css2里面宽高是固定的值，那么这就不适合响应式布局了，网站百度一下搜到 css3里面新增了 back...