可以说几乎每个做过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菜单非常适合作一些活动页...