继将CSS修改符合W3C规范后，今天花了点时间，也将模板代码修改完毕，通过W3C XHTML 1.0 Transitional验证。若不是好友风暴轻狂的提醒，我自己以前还从未注意过这些验证问题。不过狂兄最近似乎比较忙，很久没看到他的狂言了。

阅读全文

晚上写extended summary实在是无聊之极，打开FF又逛到了Blog上。回想起曾和风暴轻狂谈过CSS的W3C验证问题，自己的模板虽然是通过了W3C的CSS验证，但提示竟然有多达58个Warnings。趁着兴头，将模板的style.css下载了下来，对着W3C的Warning，一个个给它修正过来。嘿嘿，功夫不负有心人哪，花了近1个小时，顺利搞定，现在模板的CSS可以完全通过W3C的验证了，Warning一个都没有。有兴趣，点此检查下。

对照着Warnings，发现很多问题都是出现在颜色的定义和诸如hover、active等伪类的定义上。也懒得多花时间去刨根问底，只是简单做了些Hacks。凑合着用吧。等下次改版重写CSS时再注意细节。

因为一直是用firefox2.0和ie7.0来调试模板的，今天上来用研究室的电脑上的ie6.0上来一看，怎么搞得，右边的侧边栏已经被挤到下面去了，整个页面框架格局已经被破坏了。而且文章内容的左边界比博客标题左边界缩进了不少。下载安装opera9.1，打开一看效果和firefox一样，布局好好的。看来问题是出在ie上面了，网上查了下ie对css的bug，发现主要的麻烦还是在ie对margin和padding，这2个属性的解释上了。在各种浏览器中，firefox对css的支持最好，ie是最差的一个了。firefox对box模型宽度，是margin+padding+对象宽度，而ie是margin+对象宽度，padding是被计算在对象宽度里面的，所以如果设置同样的box宽度，margin以及padding值，但2者显示的对象宽度是不一样的。还有一点，为了避免在ie处理框架出现问题，最好不要把padding的设置应用到元素上，而是应该直接应用到内容上的。还有一个就是text-align:justify属性，在我对p元素应用了justify属性，在firefox下看到的段落都是两边对齐的，但在ie和opera下去看，虽说也有两边对齐，但效果很差。再加上安全性之类的，我还是推荐用firefox作为主要上网的浏览器吧。所以今天在侧边栏加上了这个firefox的下载链接。

看来什么等有空了要好好整理下所学的css知识了。最近都在忙着些东西，自己研究上的东西都没有什么进展，下周就要去香港发表了，幻灯片到现在也还没有改好，口语练习也没有做。真是耽误了正事了。以后在时间的安排上的得好好下工夫了。昨天看了一篇“20 must-have Firefox extensions”（20个必备的firefox插件），是国外有名的《ComputerWorld》的一篇文章，推荐了20个必备的firefox插件，看了下，有不少自己已经在用了。有准备把这篇文章的主要部分翻译成中文，等搞定了再发上来吧。

centering align

CSS其中一个优点是它能够在不使用表现的标记来控制页面的layout。所有的css layout技术都依赖于三个基本的概念：positioning，floating和margin的操作。

长度过长的内容读起来很困难，特别是现代的显示器的宽度越来越大，屏幕的可读性问题就变得越来越重要了，设计师解决这个问题的方法就是把他们的设计居中显示而不是全屏显示。居中的设计只是跨越屏幕的一部分，以创建一个较短的和易于阅读宽度。

居中设计在现在是一种很流行的方法，因此，学习怎样在css里使用居中显示也是很多开发者想学的第一样东西。居中设计有两个基本的方法：一种是使用auto margins，另一种是使用positioning 和负margins，下面介绍这两种方法。

阅读全文

转自网络

关于CSS样式表

一.在学习CSS之前你应该掌握哪些基础知识

1.什么是网页，什么是超文本语言（HTML）。
2.会使用Dreamweaver等常用的网页编辑器。

Dreamweaver 是现今最好的网站编辑工具之一，而Dreamweaver8增加的对CSS的支持更是你容易得来使用CSS，用它来给制作网页的CSS样式表会更简单、更 方便。本教程教你如何利用Dreamweaver8在页面中加入CSS，你不用死记硬背的记代码标记，也不用去看很厚的CSS手册，你就可以轻松自如的在 网页中运用CSS。不过首先你要对CSS有一定的了解。因此，本教程的前面4章为CSS理论知识，主要是对CSS的全面介绍，希望读者看后对CSS的语 法、结构、应用有一个全面的了解；后面4章为DW实战，主要是教你如何利用Dreamweaver8灵活运用CSS在网页中。阅读此文前，你需要对 HTML有一定的了解，并会使用Dreamweaver。
阅读全文