为啥每次li都是我的绊脚石呢？对这东西又爱又恨~~~
正在折腾着自己第一个原创WP主题，遇到个关于li的问题，却无意中轰炸起别人的邮箱……第一次，发现代码都被认作真代码了，全部被隐藏掉，第二次加上了<!– –>，被隐藏得更彻底，骨头都没剩，第三次，把什么<>等全部删掉，剩下div，ul，li等干涩东西，对方应该明白吧。
真是罪过~~~
很多CSS和XHTML教程手册什么的，但有时我们需要的只是很简单的技巧提醒。做了个CSS测验，结果20题答对了19题，错的那题原因是审题没审好，人家要首字母大写，我看成了全部大写，结果就出状况了。非常简答的一个测试，用过CSS做实战的人都不会觉得有难度，预定的答题时间是20分钟，结果我3分钟内就完成了，如果网速再快点的话，我有信心做得更快。但显然，考验CSS用得怎样不是靠那些测验去“评价”的，网页就是一个非常好的展示空间，展示你的成绩，暴露你的错误，在IE之下，我的网页通常是很掩脸的，总想不明IE为啥有这样那样的疙瘩，难道完全遵循标准设计浏览器就那么难？（扯远了，这个其实我一点都不懂）
努力吧，要高歌猛进！
一些常用且你应该都很熟悉的颜色，不知你又是否真的了解它们，它们经常出现在微软的Office软件中，像xrspook这种颜色控总喜欢把.xls搞得花花绿绿，会经常调用它们，它们是最最常用的颜色块，就在“填充”工具那里。但，你真的叫得出它们的名字么？又或许，你说得它们简单而巧妙的16进制码么？
对，就是这么好玩，但却说不出。上图是个color.xls文件的截图，名字也是看Excel抄上去的。至于16进制的颜色名字，用的是spectrum，非常小巧的一个取色软件，在各种软件日益膨胀的今天，装一个插件就能把浏览器里的颜色看个明白（比如说Firebug），但我还是很喜欢用这个才16.5KB的小软件，用来查看屏幕上的任何颜色。它是Dr. Software的出品，顶顶大名的分割软件hacha（西班牙语，斧头的意思）就是他们的杰作，比.rar的分拆快捷简单多了！！！有兴趣的朋友，可以到他们的网页淘宝，注意咯，上面的是西班牙语！记得多年前我3.5版本的hacha死活运行不了，于是发邮件给他们，结果很快就有了回应，虽然几个回合后问题仍未解决，但只是个免费的小软件，服务居然这么到家，真的让我很感动。过了几年，才发现是系统语言有冲突导致运行不了，经过某些处理后就没问题了。
说了那么一大通，为啥要弄个颜色图谱出来呢？因为我打算用这些最为基础的颜色打造出一个五光十色的WP主题。试验了一下，发觉真的很有难度，不是说WP主题编写有困难，是因为xrspook压根就是个对颜色不感冒的人。基础颜色拼不出好玩的主题？是我技术没到家而已。
真需要好好琢磨一下该怎么糅合这40种颜色。
自己写的WP模板能通过W3C认证是多么让人兴奋的一件事啊！在不经意间，我居然做到了，有图有真相（请原谅xrspook把网址给涂了，因为网站还在测试阶段）：
W3C最主要的认证分为两个部分，一个是CSS，一个是XHTML。前者我觉得相对简单，但如果你用了CSS3的内容这个以2.1为核对的引擎显然会吃不消给你报错。XHTML认证相对难一点，它能挑出很多非常简单，你却习惯性真理性会忽略的问题：最明显的莫过于在img的括号里，必须存在“alt=”””，你喜欢得写，你不喜欢也得写。在多个网站优化工具中，也会提行你，img的括号里最好标明width和height，那样听说会加快载入速度；又比如，我们总喜欢乱用ul，li，ol，div，p等东西；代码，如空格（ ）你不能无端端地写在XHTML里面，必须找些东西括住，最简单的就是<p></p>否则人家就不知你这是什么东西，得出的结果就是容易出现一些你无法预料的结果。更多认证需注意的问题请移步这里。
国人设计的网站很喜欢加特效，特效就离不开javascript，<script>这东西如果想直接通过XHTML认证是不行的。问了G老师，G老师给我指引了一个外国网站，得出2个方案，要不这样：
<script type=”text/javascript”>
// <![CDATA[…
// ]]>
</script>（就是把代码的主体圈起来，我就是这么办的，非常简单）
另一个方案是用引用，把代码独立到别的文件（这个其实才是最好的正解）。
对外国的WP模板来说，W3C是一个潜规则，很多WP模板的教程在到最后的时候都会推荐/提醒设计者把作品拿到W3C那里验证一下，发现问题，根据提示改正，就像小盆友做完作业先给家长检查再拿去交老师一样。
但国内的呢？从代表国内网络最高水平的公信部被按网站开始就是非IE6不可的。有无聊地看过它的源代码吗？CSS是半独立的，内嵌和独立的CSS只关注了字体和链接格式的问题！！！网站基于table设计，不用说，格式的控制肯定是在table内，CSS只是一个例行公事。真的把你汗到云里雾里。代表最高水平的XHTML及CSS测试报告在这里，请狠狠地点击：
国内权威网站的W3C XHTML测试报告
国内权威网站的W3C CSS测试报告
或许国内权威网站给我们一个信息——外国浏览器都别用，电脑也千万别升级，用IE6才是正道。
弱弱地补一句，IE6不是被微软葬了吗？xrspook只能站一旁猛流汗了。
开始写主题，通过认证等都只是个开始，真正的前台设计者还应精通js和ps，虽然接触ps时间不短了，但总觉得自己的艺术触觉有问题，所以，我还是做一些非常简洁的无图主题吧。不喜欢不要紧，因为重点是内容嘛，是不？
守规矩其实挺好的吗，别硬搞中国特色不是很好么。
一早起来坐到电脑前就发现了N个杯具，首先，跳舞那里的消息先出来，2walk用不了了，G老师亲自把我们的桌底行为“封印”掉，以后该怎么看U2B呢？以后该怎么做才能看到顺畅的U2B呢？只能等待了。
接着，惊讶地发现Firefox默认的主页居然链接到一个集合的搜索界面，而其中用的G老师居然是.cn的，当然啦，那个输入搜索内容的框框我怎么都找不到。用百毒验证一下到底咋回事。结果，又发现了一个杯具。还没到April Fool愚人节礼物已经到了。难道那么快就要接受G老师消失的事实？于是一怒之下把Firefox的主页改为了***gle.com/ncr，我宁愿看到“页面被重置”都不要见到那个。
接着，某人又来强迫我做些根本没必要一再重复做的验证工作。只此一次，我绝对不会做第二回了。没有必要大家一起傻，既然你固执而我们的劝阻又没用的话，你就一个傻去吧。实验证明，我的观点是对的。
晚上，回家的时候，高速的车龙不开玩笑，起码有几公里。这还只是汽车上的杯具，连地铁二号线都是水泄不通，我还以为上周只是三号线的特殊景象呢，原来，那个时间上地铁哪里都是人挤人。
这周GA停播，又一个杯具。
杯具简直狂风暴雨般袭来啊~~~
昨天的网页杯具终于被万恶给搞定了！他老人家道出了一个真理——<li>里面的块元素（如<span>）只要开始float就要float到底，无论里面有多少个，一定要全部float掉，否则就会出现莫名其妙的分行，然后在<li>那里设定“clear:both”来清浮。
但如果<li>里面有纯文字有<span>呢？文字也要弄个<span>括住，然后float掉？万恶说应该不用，但事实是残酷的。以下是我的测试代码：
<html>
<head>
<style type=”text/css”>
body{
background-color:#000000;
color:#ffffff;
}
#abc{
width:500px;
line-height:1.2em;
padding:20px 0 0 0;
margin:0;
}
a:link{
color:#00ff00;
}
a:visited{
color:#00ff00;
}
a:hover{
color:#00ff00;
}
ul{
list-style:none;
padding:0;
margin:0;
}
li{
clear:both;
list-style:none;
padding:0;
margin:0;
}
.left{
float:left;
padding:0 30px 0 10px;
background-color:#ff0000;
}
.right{
float:right;
background-color:#0000ff;
}
</style>
</head>
<body>
<div id=”abc”>
<ul>
<li>一个杯具，IE8、FF、Chrome正常，IE7、Opera不正常——囧</li>
<li><span>1111</span>2222<span><a href=”#”>3333</a></span></li>
<li><span>1111</span>2222<span><a href=”#”>3333</a></span></li>
<li><span>1111</span>2222<span><a href=”#”>3333</a></span></li>
<li><span>1111</span>2222<span><a href=”#”>3333</a></span></li>
<li><span>1111</span>2222<span><a href=”#”>3333</a></span></li>
<li><span>1111</span>2222<span><a href=”#”>3333</a></span></li>
</ul>
<br/><br/>
<ul>
<li>原来正解是li中的东西只要一开始float就要全部float，否则……这般全float后，IE、Firefox，Chrome，Opera都正常了</li>
<li><span>aaaa</span><span>bbbb</span><span><a href=”#”>cccc</a></span></li>
<li><span>aaaa</span><span>bbbb</span><span><a href=”#”>cccc</a></span></li>
<li><span>aaaa</span><span>bbbb</span><span><a href=”#”>cccc</a></span></li>
<li><span>aaaa</span><span>bbbb</span><span><a href=”#”>cccc</a></span></li>
<li><span>aaaa</span><span>bbbb</span><span><a href=”#”>cccc</a></span></li>
<li><span>aaaa</span><span>bbbb</span><span><a href=”#”>cccc</a></span></li>
</ul>
<br/><br/>
</div>
</body>
</html>
图就不贴了，因为我只有IE8（可以用兼容模式看到IE7的效果）、Firefox、Google Chrome、Opera，更高更低等级的IE都没有，Safari也没装，所以，欢迎大家猛击这里看各自的浏览器中的效果：floatli.html
老天啊，每次都被li搞得鸡毛鸭血~~~~
