摘要： 熟悉css的开发者一定知道图像替换技术，也深知它的意义，Dave Shea 曾在他的一篇文章对此做了详细的总结，参看Dave Shea’s excellent summary ，Paul Young 在分析现存的所有方法的优缺点之后，提出了一种新的方法，并将其命名为“状态域方法”（The StateMethod），本文将详细介绍该方法的原理：现存方法的缺点：容易... 阅读全文

摘要： 图像替换技术有相当的用处, 特别是注重视觉的设计, 而且在一定程度上也不会影响非可视化浏览器的用户群(屏幕阅读器).本节用到的图片只有一个:经典FIR在文字外包上一组span标签, 并在CSS中将这个span进行display:none 操作, 使其隐藏, 然后在原文字的容器的CSS中加上background-image, 以达到图像替换.HTML代码如下:<h3> <span&... 阅读全文

摘要： 图像替换和谷歌2008-05-05 几周前，在新奥尔良An Event Apart网站上，Aaron Walter说的话引起了我的注意。在他的发言中，当他讨论图像替换及其对性能的影响时，提出了或许是在过去5年多的时间中使用图像替换的多数设计师们都会考虑到的白象（译者：白象指一项很贵重，需要很高昂费用维持，但却难有巨大经济效益的资产——摘自维基百科。这里指SEO）问题：谷歌是... 阅读全文

摘要： CSS设计彻底研究5.2节笔记1.背景图像（1）设置背景图像：background-image : none | url ( url ) （2）图像平铺方向：background-repeat : repeat | no-repeat | repeat-x | repeat-y（3）图像对齐方式：background-position : (center | top | bottom | leng... 阅读全文

摘要： CSS设计彻底研究5.1节笔记属性含义备注font-family字体可以同时声明多种字体，字体之间用逗号分隔。例：font-family: Arial, ”Times New Roman”;font-size文字大小长度单位相对单位（1）px：相对于1个像素的比例，1px相当于1像素；（2）em：1em表示的长度是其父元素中字母m的标准宽度；（3）ex：1ex表示字母x的标准高度；（4）%绝对单位（1）pt：point，印刷的点数，在一般的显示器中1pt相对于1/72inch；（2）in：inch，英寸；（3）cm：centimeter，厘米；（4）mm：millimeter，毫米；（5）pc 阅读全文