Study

PHP教程

html5根据屏幕大小,加载不同大小的图片

我们在用bootstrap这类前端框架时,虽然页面局部通过media query实现了,页面始终无滚动条,响应式页面。但是,bootstrap里面的img-responsive类只是通过设置图片100%,并没有真正的实现在手机上和电脑端加载不同大小的图片。这样同样的大图片在手机上浏览时就会大大减少网站打开的速度,而且占用用户大量的流量。... 继续阅读 »

css3实现一个li设置多张背景图片及background-image属性

css3实现一个li设置多张背景图片及background-image属性

以前做网页布局的时候,一个li只能设置一张背景图片。css3的出现,解决了一个li只能设置一个背景的问题,使一个li可以设置多个背景图片。

... 继续阅读 »

CSS3 @font-face 使用方法

CSS3 @font-face 使用方法

@font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,随着@font-face模块的出现,我们在Web的开发中使用字体就不用再为只能使用Web安全字体烦恼了!... 继续阅读 »