CSS的预处理器SASS

CSS(Cascading Style Sheet)是网页设计中最常用的语言,用于给HTML页面添加样式。CSS主要关注于如何描述样式,在可编程性上有一些缺失,导致产生了许多的CSS预处理器,用来给CSS增加可编程性和灵活度。SASS是这些可CSS预处理器之中的佼佼者。 ...

December 25, 2017

CSS中使用全图片背景

这个例子告诉我们怎么使用CSS来为网页布局全背景图片,简单得说,只要设置下面的CSS属性就行了: 上面的代码只在较新版本的浏览器中才能好好工作,如果需要兼容较老的浏览器,可能需要其它hack了,可以参考这篇文章。 有的浏览器可能不支持background-size的cover设置,所以可以使用下面的办法: 上面的代码先把background-size设为100%,如果浏览器不支持,就会忽略background-size: cover;,请参考万能的Stackoverflow。 在不同的屏幕大小的设备上可能需要使用不同的背景图片,怎么在CSS侦测iPhone的屏幕可以看这里。 其它参考文章: – http://webdesigner-webdeveloper.com/weblog/fullscreen-images-for-the-ipad-ios-and-mobile-safari/ – http://www.billrobbinsdesign.com/fixing-background-image-sizing-in-ios/ – http://kimili.com/journal/the-flexible-scalable-background-image-redux

July 2, 2014