技术的发展往往导致新事物的产生。关于web页面布局,我们应该听过固定布局(fixed layout)、流体布局(fluid layout),那响应布局(responsive layout)是哪个鸟蛋呢?
本文就将深入浅出地介绍响应布局。提供目前现有网站的实例展示,提供自制demo实例展示。配备必要的截图,提供详尽的源代码,细致的分析阐述。相信本文的内容会对您的学习有所帮助的。
技术的发展往往导致新事物的产生。关于web页面布局,我们应该听过固定布局(fixed layout)、流体布局(fluid layout),那响应布局(responsive layout)是哪个鸟蛋呢?
本文就将深入浅出地介绍响应布局。提供目前现有网站的实例展示,提供自制demo实例展示。配备必要的截图,提供详尽的源代码,细致的分析阐述。相信本文的内容会对您的学习有所帮助的。
Minimum Page项目的终极产物形式就是个CSS文件。我们都知道CSS reset重置的终产物也是个CSS文件,只是里面的样式无论在各个浏览器中是否有差异都是置为0,或normal之类。
而这里Minimum Page项目:
1. base.css文件只针对各个浏览器下有差异的元素进行样式定义(例如……
本文是去年这个时候流产的草稿又起死回生的一篇文章。当初本来想详细讲述Media Queries的前前后后,祖宗八代,后发现被人捷足先得,不得已,流产了。今天在1周年之际,重拾此文,讲下CSS3 Media Queries的些野史外传。有demo,有源代码展示,总之,希望本文的起死回生之作能够对您的学习有所帮助。
近日闲适,就随便折腾点东西。本文的内容就比较蛋疼,使用CSS让字符分别上下半截高亮显示。模拟淘宝网排序处的双向排序箭头效果。提供demo页面,必要的截图和源代码展示。总之,希望本文的内容能够对您的学习有所帮助。
本文是个短篇,一点小技术的展示。如何妙用CSS3属性作为CSS hack来实现一些兼容性的页面效果,同时,又能兼顾一些现代浏览器。提供demo页面,必要截图以及源代码展示。总之,希望本文的内容能够对您的学习有所帮助。
本文是CSS相对定位绝对定位系列的最后一篇,简单讲讲z-index。主要内容是讲目前z-index滥用的一个情况。其次是讲了下自己避免z-index混乱使用而采用的分门别类下的1,2,3应用规则。本文没有demo,没有源代码展示,只有一些截图。内容相对前面几篇要少很多,但也精炼了。总之,希望本文的内容能够对您的学习有所帮助。
Google总会做些造福大众的事情,例如提供了web在线字体的API,这玩意其实去年就有了,但是字体种类手指头+脚趾头就可以数出来。but 最近,貌似Google对字体API进行了升级,可使用的在线web字体已经奔向200去了。
对于设计者而言,可谓不得不高兴的事情。这里,通过简单的例子,讲讲如何使用这些字体API。
回归传统,本文提供demo页面,效果截图展示,源代码展示。总之,希望本文的内容能够对您的学习有所帮助。
CSS3的世界就像是未知的海洋世界,经常会冒出一些气息古怪的玩意。就拿background
这个属性来说,普通的图片,背景色自然不在话下,还支持多个背景图片,支持gradient线性或径向渐变,支持自定义起始方位,支持sapce
和round
平铺,支持背景大小自定义,剪裁形式自定义。
昨天,在mozilla开发者官网又发现了一个很有爱的background
属性,叫做element
。可以把页面元素当作背景图片来使,真是很神奇很嘎嘎,这里就简单介绍下……
:nth-child和:nth-of-type都是CSS3中的伪类选择器,其作用近似却又不完全一样,对于不熟悉的人对其可能不是很区分,本文就将介绍两者的不同,以便于大家正确灵活使用这两类选择器。提供几个简单的对比实例页面以表现两者之间的差异,提供源代码展示,提供必要的截图。并附上自己对这两个选择器的一些认识和建议。总之,希望本文的内容能够对您的学习有所帮助。