CSS改变网页选中文字背景色
作者:keyon 日期:2011-11-02
最近在访问一个网站的时候，我注意到，当其文字被选中时它有一个匹配他的网站的背景色，这个背景色通常是深蓝色。现在，如果您的网站不使用任何蓝色为文字背景，看上去会不会有点不合适？
当寻找如何实现这一点的解决办法后，我感到惊喜，这竟然非常容易。只需添加以下的CSS到您的网页：
::selection{background: #A8141B; color: white; /* Safari */}
::-moz-selection{background: #A8141B; color: white; /* Firefox */ }
当寻找如何实现这一点的解决办法后，我感到惊喜，这竟然非常容易。只需添加以下的CSS到您的网页：
复制内容到剪贴板
程序代码
程序代码::selection{background: #A8141B; color: white; /* Safari */}
::-moz-selection{background: #A8141B; color: white; /* Firefox */ }
在网页中嵌入任意字体的解决方案
作者:keyon 日期:2011-03-28
字体使用是网页设计中不可或缺的一部分。经常地，我们希望在网页中使用某一特定字体，但是该字体并非主流操作系统的内置字体，这样用户在浏览页面的
时候就有可能看不到真实的设计。美工设计师最常做的办法是把想要的文字做成图片，这样做有几个明显缺陷：1. 不可能大范围的使用该字体；2.
图片内容相对使用文字不易修改；3. 不利于网站SEO（主流搜索引擎不会将图片alt内容作为判断网页内容相关性的有效因素）。网络上有一些使用sIFR技术、或javascript/flash hack的方法，但实现起来或繁琐，或有缺陷。下面要讲的是如何只通过CSS的@font-face属性来实现在网页中嵌入任意字体。
【第一步】
时候就有可能看不到真实的设计。美工设计师最常做的办法是把想要的文字做成图片，这样做有几个明显缺陷：1. 不可能大范围的使用该字体；2.
图片内容相对使用文字不易修改；3. 不利于网站SEO（主流搜索引擎不会将图片alt内容作为判断网页内容相关性的有效因素）。网络上有一些使用sIFR技术、或javascript/flash hack的方法，但实现起来或繁琐，或有缺陷。下面要讲的是如何只通过CSS的@font-face属性来实现在网页中嵌入任意字体。
【第一步】
FireFox网页截图工具——Pearl Crescent Page Saver
作者:keyon 日期:2010-11-18
Pearl Crescent Page Saver is an extension for Mozilla Firefox that lets you capture images of web pages, including Flash content. These images can be saved in PNG or JPEG format. Using Page Saver, you can capture an entire page or just the visible portion. You can control the image capture process via a wide variety of settings, including the image file name and scale (e.g., save at 50% of original size).
Page Saver is available in two editions: Basic and Pro. See the feature comparison below.
Page Saver is available in two editions: Basic and Pro. See the feature comparison below.
最短的小说集合
作者:keyon 日期:2010-08-26
点击链接可更换页面CSS样式的JS
作者:keyon 日期:2010-07-06
复制内容到剪贴板 程序代码
程序代码<link href="1.css" rel="stylesheet" type="text/css" id="css">
<script type="text/javascript">
function change(a){
var css=document.getElementById("css");
if (a==1)
使表格加粗的边框变细
作者:keyon 日期:2010-06-03
用CSS控制输入框input悬停交互样式
作者:keyon 日期:2010-06-02
DIV+CSS排版中新闻列表的制作方法
作者:keyon 日期:2010-06-02
网页中的新闻列表经常会看见左边是新闻标题，右边是新闻的发布时间，用div+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>
复制内容到剪贴板 程序代码
程序代码<!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>
