今日裸奔……
(1:28) 4月 9th, 2008 by Hack38
刚刚吓到我了……
突然没CSS了……
再一想，今日裸奔……
Tag Archive for 'CSS'
XHTML/CSS记忆力测试
(11:46) 4月 6th, 2008 by Hack38
版本是别人的，已经存在。
<script type="text/javascript">
var dx_m,dx_s,dx_c,dx_f,dx_r,dx_a,dx_e; //博客园-丁学-http://www.cnblogs.com/dingxue
var html=new Array("a","abbr","acronym","address","applet","area","b","base","basefont","bdo","big","blockquote","body","br","button","caption","center","cite","code","col","colgroup","dd","del","dfn","dir","div","dl","dt","em","fieldset","font","form","frame","frameset","h1","h2","h3","h4","h5","h6","head","hr","html","i","iframe","img","input","ins","isindex","kbd","label","legend","li","link","map","menu","meta","noframes","noscript","object","ol","optgroup","option","p","param","pre","q","s","samp","script","select","small","span","strike","strong","style","sub","sup","table","tbody","td","textarea","tfoot","th","thead","title","tr","tt","u","ul","var");
var css=new Array("azimuth","background","background-attachment","background-color","background-image","background-position","background-repeat","border","border-collapse","border-color","border-spacing","border-style","border-top","border-right","border-bottom","border-left","border-top-color","border-right-color","border-bottom-color","border-left-color","border-top-style","border-right-style","border-bottom-style","border-left-style","border-top-width","border-right-width","border-bottom-width","border-left-width","border-width","bottom","caption-side","clear","clip","color","content","counter-increment","counter-reset","cue","cue-after","cue-before","cursor","direction","display","elevation","empty-cells","float","font","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","height","left","letter-spacing","line-height","list-style","list-style-image","list-style-position","list-style-type","margin","margin-top","margin-right","margin-bottom","margin-left","marker-offset","marks","max-height","max-width","min-height","min-width","orphans","outline","outline-color","outline-style","outline-width","overflow","padding","padding-top","padding-right","padding-bottom","padding-left","page","page-break-after","page-break-before","page-break-inside","pause","pause-after","pause-before","pitch","pitch-range","play-during","position","quotes","richness","right","size","speak","speak-header","speak-numeral","speak-punctuation","speech-rate","stress","table-layout","text-align","text-decoration","text-indent","text-shadow","text-transform","top","unicode-bidi","vertical-align","visibility","voice-family","volume","white-space","widows","width","word-spacing","z-index");
function dx_b(t){dx_r=new Array();if(t==0){dx_m=6;dx_s=0;for(var i=0;i<html.length;i++)dx_r[i]=html[i];}else{dx_m=8;dx_s=0;for(var i=0;i<css.length;i++)dx_r[i]=css[i];}dx_c=0;dx_f=new Array();dx_a=dx_r.length;dx_g("dingxue-r").innerText=dx_a;dx_g("dingxue-i").disabled="";dx_g("dingxue-i").focus();dx_g("dingxue-n").innerHTML="";dx_g("dingxue-f").innerHTML="?";clearTimeout(dx_e);dx_d();}
function dx_g(i){return document.getElementById(i);} //博客园-丁学-http://www.cnblogs.com/dingxue
function dx_d(){if(dx_c==dx_a)return;dx_s–;if(dx_s == -1){dx_s = 59;dx_m–;}dx_g("dingxue-t").value = (dx_m>9?dx_m+":":"0"+dx_m+":")+(dx_s>9?dx_s:"0"+dx_s);if(dx_m+dx_s==0)dx_h();else dx_e=setTimeout("dx_d()",1000);}
function dx_v(dx_l){if(dx_l.value.length==0)return;for(var i=0;i<dx_r.length;i++){if(dx_l.value.toLowerCase()!=dx_r[i])continue;dx_f[dx_f.length]=dx_r[i];dx_f.sort();dx_r.splice(i,1);dx_l.value="";dx_c++;var dx_t="";for(var x=0;x<dx_f.length;x++)dx_t+=dx_f[x]+", ";dx_g("dingxue-f").innerHTML=dx_t;dx_g("dingxue-r").innerText=(dx_a-dx_c);}}
function dx_h(){var dx_t="";dx_t+=’<div style="font-size:16px;font-weight:bold;">你没想起来的：</div><div style="border:1px solid #ccc;background:#eee;padding:6px;color:#666;">’;for(var x=0;x<dx_r.length;x++)dx_t+=dx_r[x]+", ";dx_t+="</div>";dx_g("dingxue-n").innerHTML=dx_t;dx_g("dingxue-i").disabled="disabled";dx_g("dingxue-i").value="";}
</script>
<div style="border:1px solid #fca;padding:8px;background:#fed;">
<input type="button" onclick="dx_b(0)" value="开始HTML测试" />
<input type="button" onclick="dx_b(1)" value="开始CSS测试" />
倒记时：<input id="dingxue-t" readonly="true" type="text" value="00:00" style="border:0;color:#f00;background:#fed;" [...]
偷个东西 CSS 命名规范
(13:34) 4月 3rd, 2008 by Hack38
没事儿做，就去偷了个 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=utf-8" />
<title>css命名规范</title>
<style type="text/css">
/******************************************************************
* 名称: css命名规范
* 作者网名: 未知
* 创建日期: 2007-1-10
* 最近修改: 2008-4-3
******************************************************************/
<!–
body{ background:#000000; margin:0; padding:0;}
h1{ text-align:center}
h2{ font: bold 14px "Arial";}
#content{ margin:10px 20px; padding:10px; [...]
微软的msnusers给你提供的免费空间
(15:34) 3月 29th, 2008 by Hack38
好久以前就对网上邻居里面的那个蝴蝶图标感到奇怪了……
也是我见识太少……今儿才发现这个东西……
所以进去瞅了一眼……
结果……
只能运行HTML，而不能运行ASP……
嘿嘿……（我要运行ASP干嘛？？）
点击这里就可以看到我发表的东西了~~~一个CSS的上拉菜单
图片绝对居中
(17:19) 3月 3rd, 2008 by Hack38
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>图片绝对居中</title>
<style media="screen" type="text/css">
.holder{width:500px; height:200px; display:table; position:relative; margin:12px auto; border:1px solid #596480; background:#ffc;}
.holder div{*position:absolute; top:50%; left:0; display:table-cell; vertical-align:middle; width:100%;}
.holder p{position: relative; top:-50%; text-align:center; margin:0; padding:0;}
</style>
</head>
<body>
<div class="holder">
<div><p><img src="/wp/wp-content/themes/fucklenovo/images/aboutme.gif" /></p></div>
</div>
</body>
</html>
提示：您可以先修改部分代码再运行
