大约2年前 - 没有评论
CSS3 Columns属性研究 Columns属性是用来制作类似杂志布局,下面是该属性的简单介绍: 这个属性也相对来说比较简单,主要用于杂志式的布局,在Mozilla 和 Webkit 核心浏览器中需要前缀书写,带代码如下: 1 2 3 4 5 6 -moz-column-count: 2; /* For FireFox */ -webkit-column-count: 2; /* For Safari/Chrome */ column-count: 2; /* For when the standard gets fully supported */ -moz-column-width: 250px; /* For FireFox */ -webkit-column-width: 250px; /* For Safari/Chrome */ column-width: 250px; /* For when the standard…
大约2年前 - 1个评论
上回说到用css模拟图片阴影效果,那么文字有办法吗? 其实在css3中已经有一个text-shadow属性专门来实现这个效果,不过目前只有Webkit (from Safari 3+,chrome), Opera 9.5, Firefox 3.1(pre-Alpha)等几个现代浏览器可以支持该属性,IE系的暂时无法实现该属性。 text-shadow的语法: text-shadow:color length length length; color:颜色; length分别按顺序指”X轴方向长度 Y轴方向长度 阴影模糊半径” 正值在X轴表示向右,负值表示向左.同样的道理Y轴负值是表示向上. 其中任意一个值可以为零也可为空(将做默认处理) 具体请参考:http://www.w3.org/TR/2003/CR-css3-text-20030514/#text-shadows 值得注意的是,text-shadow可以应用多组属性,也就是可以如下方法使用: 0 0 4px white, 0 -5px 4px #FFFF33, 2px -10px 6px #FFDD33, -2px -15px 11px #FF8800, 2px -25px 18px #FF2200 下面看几个范例:(请使用Webkit (from Safari 3+,chrome), Opera 9.5, Firefox 3.1(pre-Alpha)浏览器运行查看效果。) <!DOCTYPE html public "-//W3C//DTD XHTML…
大约2年前 - 没有评论
适合自己的才是最好的——打造最适合自己习惯的reset.css
最近准备写一个符合自己习惯的css框架,首先第一步当然是reset.css
研究了一些网上的资料,整合了一下,整理出了最符合自己的reset.css。
参考资料有
1、玉伯同学的Reset CSS研究(八卦篇)
2、蓝色理想上的打造自己的Reset.css
…
大约2年前 - 没有评论
虽然现在已经基本淘汰800分辨率了1024已经成为主流,但是随着大屏幕液晶的不断降价,更高的分辨率将会逐步成为主流,为了适应越来越大的分辨率,有时候我们会采用流体布局,但是流体布局有时候也有局限性,下面一段js可以实现根据用户客户端分辨率的不同,调用不同的css代码来实现适应不同分辨率的效果。
大约3年前 - 没有评论
恕我火星了,今天才知道有Acid2 Browser Test这个东西,动手测试了一下手头的浏览器,IE8 FF3 谷歌浏览器都正常FF2和IE7及以下版本都不正常。
上网搜索了一下
Acid2 Browser Test
Acid2 is a test page, written to help browser vendors ensure proper support for web standards in their products. Please take the Acid2 test!
…
大约3年前 - 没有评论
看这篇文章之前,对这个问题一直没深入研究,导致有时候遇到一些问题会很麻烦,看到这篇文章让我茅塞顿开,转帖回来保存一下以便今后复习。
大约3年前 - 1个评论
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
加在CSS里面网页就可以变黑白的了,但是FLASH还是彩色
大约3年前 - 1个评论
在网页设计中经常由于客户的种种需求,而需要DIV层和FLASH的交互,但是往往DIV都被FLASH遮盖住了。以下是解决方案:
大约3年前 - 没有评论
在网上看到一篇不错的译文,很系统的讲述了写样式时可以如何写得“漂亮”,文中也提到关于样式的管理,这也是我花了很长时间在总结的事,看了这篇文章后,还真有自己动手整理出来的冲动,:) 还是先看看文章吧。