标签:CSS

HTML中ID与NAME的区别

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

自适应网页设计(html/css控制)

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

CSS3中REM使用详解

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

pt 与 px、em、rem 的区别与换算

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

【译】CSS:响应式下的折叠菜单(条纹式)

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

【译】响应式设计三部曲

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

CSS3模拟侧滑菜单

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

CSS变形弹窗效果示例

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

CSS3飘带状3D菜单

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