最常用的li导航写法：
#head_r_b {width:628px;height:60px;}
...
#head_r_b ul {list-style-type:none;height:44px;margin:0;padding:16px 0 0 20px;}
#head_r_b li {width:80px;height:44px;float:left;margin-right:2px;}
#head_r_b li a {width:80px;height:44px;background:url(images/over.jpg) no-repeat;float:left;font:bold 14px "宋体";color:#fff;text-align:center;line-height:50px;}
今天一个朋友问我li:not(p) ，在使用DIV+CSS网页标准制作网页时，LI标签中内容超过长度后以省略号显示的方法。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
...
<!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">
...
程序代码：
以下为引用的内容：
* { padding: 0; margin: 0; border: 0; }
这也是一款CSS Reset的方法，让所有的选择器的padding、margin和border都设置成0。这是一种强大的方法，也是最简单，最安全的方法，不过，也是最占用资源的方法。对于小型的网站来说，用这个并不会带来大的资源浪费，但如果是像Yahoo这种架构非常大的网站，刚需要有选择地进行CSS重设，以减少资源浪费。下面是Yahoo的CSS重设代码，也是受最多人喜爱的CSS Reset方法，YUI选择的方法是：
程序代码：
以下为引用的内容：
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
padding: 0;
晚上在Jody的BLOG上面看到的,就摘过了,呵呵~~~
1、IE6的双倍边距BUG：
display:inline2、IE6下为什么图片下方有空隙产生:
...
解决这个BUG的方法也有很多，可以是改变html的排版，或者定义img 为display:block或者定义vertical-align属性值为vertical-align:top | bottom |middle|text-bottom 还可以设置父容器的字体大小为零，font-size:0
要提高网站执行效率，就要从各种细节入手。其中，CSS的简写在节省代码方面虽然没有table布局改为div那么客观，不过也是一个不能忽略的方面。下面总结一下CSS的一些简写方法：
外补丁(margin)的简写：
比如：margin-top:10px;margin-left:20px;margin-right:20px;margin-bottom:10px;
可以写成：margin:10px 20px;
或者：margin:10px 20px 10px 20px;
...
一直不知道这是什么字体，今天被我发现了，哇哈哈~~~
如果你说可乐知识浅薄，可乐双手赞成<style>
...
.font {
font-family:Georgia, Arial, Helvetica, sans-serif;
}
</style>
效果如下：
随着IE8的出现，给很多的站长，皮肤设计者带来了新的烦恼！
由于IE8并未全面普及，所以目前的皮肤作者或站点设计师通常考虑的还是IE6、IE7的兼容！
不过微软给了我们一个简单的方法使IE8在还未成为主流之前轻松被兼容！
那就是<meta http-equiv="x-ua-compatible" content="ie=7"/>标签
...版权声明：本文版权归原作者所有 译介仅供国内读者参考
本文概要：最常用的CSS Trick，诸如圆角、首字下沉等等。
之前有篇译介“8个一句话CSS小诀窍”介绍了8个非常使用的一句话CSS小技巧，这周再给大家带来一篇类似的文章，介绍了一些最常用的CSS Trick，或者叫做CSS小把戏。当然我相信每个设计师都会有一些个人的偏好，我个人对文中的一些小把戏就不太感冒。
1. 不使用图片的圆角效果
<div id=”container”>
...
经可乐研究调查实践表明：
1KB等于1024字节,二个字母分别相当于一个汉字
得出以下结论，宁多用代码，少用1KB的图片
TAB不比DIV体积大
在DW 4里
新建一个HTML文件是316字节
一个没定义TABLE体积是51字节
一个没定义的DIV标签是11字节
一个没代码，新建默认的CSS文件为：41字节
...
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.
CSS技巧
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行
...如果在用CSS设计布局时遇到BUG，请认真阅读以下内容，非常容易记忆的，不知道哪位高人把CSS BUG编成了顺口溜了！看看好不好记住呢？
一、IE边框若显若无，须注意，定是高度设置已忘记；
二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；
三、三像素文本慢移不必慌，高度设置帮你忙；
四、兼容各个浏览须注意，默认设置行高可能是杀手；
五、独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览；
六、学布局须思路，路随布局原理自然直，轻松驾驭html，流水布局少hack，代码清爽，兼容好，友好引擎喜欢迎。
...像这样：
<a href=http://www.kele520.com class="kele">可乐CSS学习心得</a>要以它自己的方式定义样式，你得创建一些样式，像这样：
a.kele:link {color:#f60;}
...
