HTML中ID与NAME的区别
可以说几乎每个做过Web开发的人都问过，到底元素的ID和Name有什么区别阿？为什么有了ID还要有Name呢？而同样我们也可以得到最经典的答案：ID就像是一个人的身份证号码，而Name就像是他的名字，ID显然是唯一的，而Name是可以重复的。
...
Tag: CSS
自适应网页设计（html/css控制）
一. 允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？
其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。
<meta name="viewport" content="width=device-width, initial-scale=1" />
viewp...
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飘带状3D菜单
这次我们要来分享一款很特别的CSS3菜单，菜单的外观是飘带状的，并且每一个菜单项有一个精美的小图标，鼠标滑过菜单项时，菜单项就会向上凸起，像是飘带飘动一样，形成非常酷的3D视觉效果。这款CSS3飘带状3D菜单非常适合作一些活动页...