《精通CSS高级WEB标准解决方案》第四章：对应链接样式
我在www.c09.com 发表了这个笔记并上传了原著的PDF，今天有空，转到BLOG上来。
第四章、对应链接样式
4.1 简单的链接样式[code]
/*所有链接红色*/
a{color:red;}
/*未访问链接蓝色，已访问红色*/
a:link{color:blue;}
a:visited{color:green}
/*鼠标悬停时链接红色*/
a:hover,active{color:red;}
/*平时不显示下划线，鼠标悬停时显示下划线*/
a:link,avisited{text-decoration:none;}
a:hover,a:active{text-decoration:underline}
[/code]4.2 让下划线更有趣[code]
/*用加粗效果代替下划线*/
a:link,avisited{
text-decoration:none;
font-weight:bold;
}
/*鼠标悬停时显示下划线*/
a:hover,avisited{
text-decoration:none;
border-bottom:1px dotted #000;
}
/*改变下划线式样*/
a:hover,a:active{
border-bottom-style:solid;
}
/*用图片绘制下划线*/
a:link,a:visited{
color:#666;
text-decoration:none;
background:url(images/underline1.gif) repeat-x left bottom;
}
/*鼠标悬停时显示动画背景*/
a:hover,a:active{
background-image:url(images/underline1-hover.gif);
}
[/code]4.3 突出不同类型的链接[code]
/*为所有外部链接添加一个类，为该类添加一个外部邮件图标*/
.external{
backgrount:url(images/externallink.gif) no-repeat right top;
padding-right:10px;
}
/*不用手工添加类，自动判别外部链接(仅新版本浏览器可用)*/
a[href^="http:"]{
background:url(images/externallink.gif) no-repeat right top;
padding-right:10px;
}
/*本站链接除外*/
a[href^="http://www.cn09.com"],a[href^="http://cn09.com"]{
background-image:none;
padding-right:0;
}
/*类似的，可用添加邮件链接图标*/
a[href^="mailto:"]{
background:url(images/email.png) no-repeat right top;
padding-right:10px;
}
/*非标准协议如aim*/
a[href^="aim:"]{
background:url(images/im.png) no-repeat right top;
padding-right:10px;
}
/*pdf和word文档*/
a[href$=".pdf"]{
backg
相关文档：
网站变黑灰色CSS滤镜代码
引自:http://edu.seuuo.com/html/81/n-12181.html
为方便站点哀悼，特提供css滤镜代码，以表哀悼。以下为全站CSS代码。
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
使用方法：这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。建议全国站长动 ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</ ......
碰到好些问题，Firefox下面看着很完美，ie6下面就惨不忍睹，还好，一点点慢慢解决了。一些东西摘录一下，以后也许用得到。
DIV+CSS解决IE6，IE7，IE8，FF兼容问题
那我来说说吧，做了几年的DIV+CSS，也积累了不少解决兼容问题的方法，我这里只说现在主流的几个，（IE6，IE7，IE8，FF）其它的没去研究过
1.ie8下兼容问题� ......
jQuery, MooTools, Prototype 等优秀的
JavaScript 框架拥有各种强大的功能，包括绘制 Web 图表，使用这些框架以及相应插件，我们可以非常轻松地实现曲线图，圆饼图，柱状图等
Web 图表的绘制，而不必象以往那样通过复杂的 Flash 技术实现。本文介绍了9个优秀的基于 JavaScript 与 CSS& ......
我在第九区 上发表了这个系列的笔记，并上传了原作电子书，今天有空，转一下过来。
第一章、基础知识
1.1设计代码的结构
设计代码时应该使用有意义的标记，比如，xHTML里包含很多有意义的元素，如h1、ul、strong、thead等等，应用使用所有意义合适的元素；当现有元素不足以描述页面内容时，可以用id或是class来赋予它们� ......
