标签：CSS

可以说几乎每个做过Web开发的人都问过，到底元素的ID和Name有什么区别阿？为什么有了ID还要有Name呢？而同样我们也可以得到最经典的答案：ID就像是一个人的身份证号码，而Name就像是他的名字，ID显然是唯一的，而Name是可以重复的。 ...

一. 允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？ 其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。 <meta name="viewport" content="width=device-width, initial-scale=1" /> viewp...

在页面中设置字体，我们知道有常见的两种，px 和 em. px 在 Web页面制作中，我们一般使用“px”来设置我们的文本，因为他比较稳定和精确。但是这种方法存在一个问题，当用户在浏览器中浏览我们制作的Web页面 时，他改变了浏览器的...

DPI/pt/px 单位的含义 DPI(Dots Per Inch) 每英寸像素数。Windows 系统默认是 96dpi，Apple 系统默认是 72dpi。 pt (point，磅) 是一个物理长度单位，指的是 72 分之一英寸。 px (pixel，像素) 一个虚拟长度单位，是计算...

  原文：CSS: Responsive Navigation Menu  译文：CSS：响应式导航菜单  译者：dwqs写在之前，关于如何制作响应式的下拉菜单：响应式下的下拉菜单之前，我写了一篇关于怎么制作响应式的移动导航的教程。现在，我发现了...

原文：Responsive Design in 3 Steps译文：响应式设计的三个步骤译者：dwqs现在，响应式Web设计无疑是非常流行的。如果你对响应式设计还不熟悉，可以看看我之前发表过的关于这方面的responsive sites。对于新人，responsive design可...

在APP应用上，常见的一种导航方式是侧滑导航，效果类似于这样： 用CSS3可以对其进行模拟，代码如下： HTML：<nav> <div id="toggleMenu"> <span id="hide"></span> <span id...

大家都知道，弹出窗体已经是现在网页常用的一种交互设计，在这个注重交互动画体验的时代，网页弹窗也是可以来点新鲜点子的，比如今天分享的CSS 变形Modal Window。 当用户点击按钮时，按钮将会变成一个全屏的屏幕，然后再显示内...

这次我们要来分享一款很特别的CSS3菜单，菜单的外观是飘带状的，并且每一个菜单项有一个精美的小图标，鼠标滑过菜单项时，菜单项就会向上凸起，像是飘带飘动一样，形成非常酷的3D视觉效果。这款CSS3飘带状3D菜单非常适合作一些活动页...