精通CSS（5.5突出显示不同类型的链接）&&黑画（另一条路）

一.精通CSS（5.5）

1.突出显示不同类型的链接

①区分链接指向本站点的另一个页面还是另一个站点？

a)让外部链接看上去与众不同，如：在其右上角加个小图标

缺点：不太灵活，不够优雅。因为必须手工为每个外部链接添加类（a.external）。

②属性选择器（子字符串匹配）【att^=val】

如：

a[href^="http:"]{
background: url(images/externalLink.gif) no-repeat top right;
padding-right: 10px;
}

2.Problem：如果站点内部链接时绝对路径怎么办？

解决：如果站内链接是少数，则重新设置其样式（去图标、回复内边距）。反之亦然。

如：

a[href="http://wwww.yoursite.com"],
a[href="http://yoursite.com"]{
background-image: none;
padding-right: 0;
}


3.突出显示可下载的文档和提要【arr$=val】

如：

a[href$=".pdf"]{
background: url(img/pdfLink.gif) no-repeat right top;
padding-right: 10px;
}


4.创建类似按钮的链接
①display:block; width,line-height...
②为什么用line-height来控制按钮高度？
→因为line-height能使按钮中的文本垂直居中（但要避免多行）
③使用这种技术时，需要确保元素时真正的链接，而不要更新服务器。
④术语：链接只能用于GET请求，绝不用于POST请求。
⑤CMS：Content Management System

二.黑客与画家（5.另一条路）
1.ASP：Application Service Provider
2.软件在服务器上运行，浏览器作为操作界面。
3.“你的电脑”→“你的数据”
4.终端设备不应该存储数据。