koyoz's blog 酷优者 | 酷优网 | koyoz | www.koyoz.com

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
}

来自: http://meyerweb.com/eric/tools/css/reset/

CSS代码

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baselinebaseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

Tags: css

CSS | 评论:2 | 阅读:1857

关于MySQL的字符集

Submitted by koyoz on 2009, March 3, 13:12 PM

MySQL的字符集处理是这样的：

1）发送请求
客户端(character_set_client）=》数据库连接(character_set_connection)=》存储(table,column)
2）返回请求
存储(table,column)=》数据库连接(character_set_connection )=》客户端(character_set_results)

» 阅读全文

Tags: mysql

MYSQL | 评论:2 | 阅读:1658

解决删除photoshop cs4后PNG图片无法显示问题

Submitted by koyoz on 2009, February 25, 11:17 AM

几个同事在安装完PHOTOSHOP CS4后,再删除.结果出现无法显示PNG的问题.

解决办法是:

1. CMD下运行 regsvr32.exe C:\windows\system32\pngfilt.dll 确保png解析DLL已经注册

2. 导入png.reg png的默认关联

3. 导入png2.reg MIME的默认png类型

至此png图片应该能正常显示了

附件: png.reg (2.17 K, 下载次数:265)

附件: png2.reg (636 bytes, 下载次数:234)

Tags: photoshop, png

应用技巧 | 评论:2 | 阅读:2389

一套很漂亮的荧光字母

Submitted by koyoz on 2009, February 22, 14:44 PM

有很多天没写BLOG了, 近段时间比较忙,再加上玩起了wow就更没时间了.

今天分享一套荧光字母的图片,很漂亮哦.

» 阅读全文

Tags: 素材

Web资料 | 评论:4 | 阅读:2389

用onpropertychange,oninput事件解决onchange事件的不足

Submitted by koyoz on 2009, February 12, 00:04 AM

用onpropertychange,oninput事件解决onchange事件的不足.

onchange在用于文本框输入框时,有一个明显的不足. 事件不会随着文字的输入而触发,而是等到文本框失去焦点(onblur)时才会触发. 也就是没有即时性!

在IE下,可以用onpropertychange来代替onchange事件,当文本框有任何变化时,能立即触发此事件.

这样一来问题就解决了.

那其他浏览器呢,onpropertychange可是IE的专利. 接下来就是oninput事件了.

但是oninput有个诡异,必须用addEventListener的方式来绑定事件.否则无效.

好了, 以下是演示例子, 主流浏览器都没问题:

HTML代码

<!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=utf-8" /> 
<title>on用onpropertychange,oninput事件解决onchange事件的不足 by koyoz.com</title> 
<style type="text/css"> 
*{font-size:14px;font-family:'Comic Sans MS', Verdana} 
body {margin-left:20px} 
</style> 
</head>

<body> 
<p>使用onchange事件: </p> 
<input type="text" id="txt1" /> 
<p>使用onpropertychange/oninput事件: </p> 
<input type="text" id="txt2" /> 
<p>结果:</p> 
<input type="text" id="txt" />

$('txt1').onchange = function() { 
$('txt').value = this.value; 
}

$('txt2').onpropertychange = function() { 
$('txt').value = this.value; 
}

if (window.addEventListener) { 
$('txt2').addEventListener('input', function() {$('txt').value = this.value}, false); 
} 
</script> 
</body> 
</html>

提示：可以先修改部分代码后再运行

Tags: javascript, event

javascript | 评论:4 | 阅读:5335