01 2010 档案

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

posted @ 2010-01-27 11:12 shuz 阅读(365) 评论(0) 推荐(0)

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

posted @ 2010-01-27 11:08 shuz 阅读(573) 评论(0) 推荐(0)

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

posted @ 2010-01-27 10:46 shuz 阅读(676) 评论(0) 推荐(0)

【学习笔记之CSS+DIV】CSS图像
摘要：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... 阅读全文

posted @ 2010-01-27 01:59 shuz 阅读(335) 评论(0) 推荐(0)

【学习笔记之CSS+DIV】CSS文字
摘要：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 阅读全文

posted @ 2010-01-27 01:48 shuz 阅读(784) 评论(0) 推荐(0)

【学习笔记之CSS+DIV】CSS盒子模型
摘要：CSS设计彻底研究第3章笔记*红色标记的为默认值border（边框）：border-top，border-bottom， border-left，border-right 1.border-color（边框颜色）； 2.border-width（边框粗细）：medium|thin| thick|数值； 4.border-style（边框样式）：none|hidden（隐藏）|dotted（虚线）|... 阅读全文

posted @ 2010-01-24 15:21 shuz 阅读(5524) 评论(0) 推荐(2)

【学习笔记之CSS+DIV】CSS入门
摘要：CSS设计彻底研究第1章笔记XHTML与HTML的重要区别1. 在XHTML中标记名称必须小写2. 在XHTML中属性名称必须小写3. 在XHTML中标记必须严格严格嵌套4. 在XHTML中标记必须封闭5. 在XHTML中，即使是空元素的标记也必须封闭6. 在XHTML中属性值用双引号括起来7. 在XHTML中属性值必须使用完整形式8. 在XHTML中，应该区分“内容标记”... 阅读全文

posted @ 2010-01-24 15:14 shuz 阅读(636) 评论(0) 推荐(0)

事件
摘要：事件模型：冒泡型（全兼容）和捕获型（IE不兼容）（1）冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标的顺序逐一触发，即从DOM层次结构的最底端往上一级级升。（2）捕获型事件：与冒泡型事件的顺序相反。【注】不光FF，IE以前的版本在处理<html>标记级别的事件时顺序也有出入，因此无论任何情况，都应该避免在<html>标记级别上处理事件。事件监听函数：（1）IE：... 阅读全文

posted @ 2010-01-03 14:55 shuz 阅读(545) 评论(0) 推荐(0)

导航