CSS3中的background-size(对响应性图片等比例缩放)

PHPABC CSS 1,039 次浏览 ,
background-size的基本属性 background-size: 可以设定背景图像的尺寸,该属性是css3中的,在移动端使用的地方很多,比如最常见的地方在做响应性布局的时候,比如之前做的项目中有轮播图片,为了自适应不同大小分辨率的图片,我门...

HTML中ID与NAME的区别

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

CSS3中REM使用详解

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

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

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

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

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

【译】响应式设计三部曲

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

CSS3模拟侧滑菜单

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

CSS变形弹窗效果示例

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

CSS3属性background-size做响应式布局背景图

PHPABC CSS 925 次浏览 ,
现在响应式布局越来越流行,但是网站的logo一般是用的 background(背景图片) 属性实现,而不是直接在页面使用img标签。 如果使用背景,在css2里面宽高是固定的值,那么这就不适合响应式布局了,网站百度一下搜到 css3里面新增了 back...
Go