background-size的基本属性
background-size: 可以设定背景图像的尺寸,该属性是css3中的,在移动端使用的地方很多,比如最常见的地方在做响应性布局的时候,比如之前做的项目中有轮播图片,为了自适应不同大小分辨率的图片,我门...
可以说几乎每个做过Web开发的人都问过,到底元素的ID和Name有什么区别阿?为什么有了ID还要有Name呢?而同样我们也可以得到最经典的答案:ID就像是一个人的身份证号码,而Name就像是他的名字,ID显然是唯一的,而Name是可以重复的。
...
在页面中设置字体,我们知道有常见的两种,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。
当用户点击按钮时,按钮将会变成一个全屏的屏幕,然后再显示内...
现在响应式布局越来越流行,但是网站的logo一般是用的 background(背景图片) 属性实现,而不是直接在页面使用img标签。
如果使用背景,在css2里面宽高是固定的值,那么这就不适合响应式布局了,网站百度一下搜到 css3里面新增了 back...