您的位置: 首页 / css

跨浏览器的 inline-block 实现[CSS]

最近在为自己做个新站,想到了些效果,实现时碰到了些小麻烦,比如这个 inline block。所幸大多数问题都解决了,所以写出来分享一下。 我们在制作网页时,有时会希望一个元素既能像 block 一样定义宽度和高度,又可以像普通的 inline 一样不断行。例如下面这张图片中红线标出的地方: 通常我们实现这样的效果会使用这样的代码: <a href=”#”>&l……

Oct 13, 12am / Design, Experiences
9 Comments / Permalink

让 IE < 7 支持 position:fixed 的通用方法

每个 Web Developer / Designer 都知道 CSS 的 position:fixed 的妙用。利用这个属性,我们可以轻松的将一个元素“固定”在页面的某个位置。这在我们做一些特殊的效果,例如页边角的小角旗,或是固定页面底下的脚注都是非常有用的。但是万恶的 IE 却对这个属性支持有问题,尽管 IE7/8 已经能够正确处理这个属性,但 IE6 的份额还是很高,所以当我们用这个属性时,……

Apr 13, 3pm / Design
12 Comments / Permalink

如何写一个很小的 CSS 文件

看了这篇文章,想想自己也经常和 CSS 打交道,对于压缩 CSS 还是有一点心得。总结一下,和大家分享。 我们知道,在 XHTML+CSS 布局流行的今天,CSS 已经成为一个网站事实上的“门面”。那么为什么我们需要一个尽可能小的 CSS 文件呢?这主要是基于流量和读取速度两方面考虑。小的 CSS 文件可以节省你的服务器流量,同时缩短用户打开你网页所需的时间。既节省了流量开支,又获得了更好的用户体……

Sep 24, 11pm / Design
7 Comments / Permalink

如何制作一个漂亮的 CSS 按钮

如今 Web Application 横行,在 Web 2.0 网站的各种设计元素中,按钮是无法或缺的。如何用最简洁的方法制作最漂亮的按钮就成为了一个问题。本文讲述的方法,代码上简洁,符合 XHTML 标准,不需要 Javascript,只需要纯 CSS 即可完成,而且通用性很好,使用起来也很方便。上图即为最终成品的例子,您也可以通过演示页面体验一下。下面我将详述整个制作过程,相信通过这个教程您肯……

May 9, 8pm / Design
20 Comments / Permalink

将 Javascript 和 CSS 写进一个文件

我们在优化页面载入速度时,其中一个原则就是减少外部引用资源的数量。但是由于主流浏览器对于外部引用的 Javascript 和 CSS 都会有缓存,因此我们习惯于将他们分别存入单独的文件中。你有没有想过,这两种文件可以写进同一个文件中呢?让我们来看看具体的实现方法吧。via msdn blog

May 5, 12am / Design
4 Comments / Permalink

付费写网页的 XHTMLGenius

写 XHTML 和 CSS 确实是件累活,而且越是对这个东西熟悉的人,越觉得它就像是体力活毫无趣味。XHTMLGenius 的出现,为解决这一问题提供了一套方案。 从 XHTMLGenius 的网站上看,这应该是一项人工服务。客户只需要将设计图给他们,并接受他们的报价(至少 $250),他们就会在 3 个工作日内为您写好 XHTML 和 CSS,并承诺其作品为良好构建的,整洁的并可以通过验证的 X……

Dec 15, 3pm / Design
2 Comments / Permalink

两篇 CSS 相关的文章

今天看到两篇关于 CSS 的文章,感觉挺不错的。对于学习 CSS 布局以及未来的 CSS3 来说还是有点用的。毕竟现在网站 CSS 布局已经是大势所趋啦。 第一篇是讲利用 CSS 美化表单的,原文在这里。作者用一个很简单的例子讲述了如果将通常很单调的表单利用 CSS 美化,从而增强用户体验。在这篇文章中,作者还强调了一下如果用 HTML 规范的书写表单,很值得借鉴。国内很多的网站,为了表单布局通常……

Jul 9, 3pm / Design
5 Comments / Permalink

很酷的 CSS 画廊

这两天一直在做页面,也就顺便好好研究了一下 CSS。今天又发现了一个很酷的 CSS 网站,一个用纯 CSS 实现的画廊页面。页面干净简洁,效果一流,最令人称道的是作者还写了一个教程,详细讲解了如何实现这个效果。不过貌似这个教程已经有一个月了,看来这次我又“火星”了 🙁 突然有个想法,要是和 LightBox 2 结合起来,应该可以做一个很酷的相册程序吧,谁要是做好了一定发我一份哦 🙂 UPDATE……

Apr 18, 11pm / Design
5 Comments / Permalink

CSS House

你能相信上面图中这个立体感很强的房子是完全用 CSS “写”出来的吗?看看这里就知道了。说实话,我第一次看到时也不太相信这张网页竟然没有使用一副图片,看过源码后,不得不佩服作者高超的 CSS 技艺。当然,作者做这个主要也是用来“秀”的,虽然 CSS 是个很强大的东西,但正常情况下也决不能这样用。几年前的老机器开这张网页估计是比较费劲了。 好了,欣赏完上面那个网页后,看看作者的新房子吧。……

Apr 18, 12am / Design
3 Comments / Permalink

V4 模板修正:IE6 兼容性问题

昨天放出新模板时,很多朋友反应版面“有点乱”。开始我还认为是大家审美观点不同,对于这样大红大紫的页面难以接受,看着眼晕,所以感觉乱,后来还是小圈同学的一张截图惊醒了我。IE6 下面看何止是有点乱呀,简直是乱的惨不忍睹。 由于我平时都是用 Firefox 浏览的,所以在后期测试时就没有用其它浏览器看看。根据经验,肯定又是 Box 定义的问题,但是明明在做 HTML 效果页面的时候是好好的( IE6 ……

Dec 26, 12am / Design, this site
3 Comments / Permalink