2008年12月4日14:51:56 开始学习http://www.52css.com/ 里的CSS高级教程。
1.显示属性──定义元素的显示属性
浏览器默认的可视化样式元素由变化的字体样式、边界、补白和，和重要的，显示类型。
最基本的显示类型是内联inline、块block和清除none，他们分别可以用inline、block和none的值赋予display属性来操作。
inline就如本身语义所明示的，显示随着行流动的元素。锚和强调元素都是传统的内联元素。
block使元素前后都有断行。标题和段落元素都是传统的块元素的例子。
none，嗯，不显示这个元素。
display: none和visibility: hidden不同之处在于display: none使元素完全是个死球，然而visibility: hidden虽不出现在内容中但保留着这个元素的流位置。比如，如果三段中的第二端设为display: none，第一段会直接到达第三段，而设为visibility: hidden的话，这个段落会有一个间隔。
2页面布局──不用表格构建页面布局
用CSS 来布局很容易。如果你已经习惯用表格布局的话，起先会感觉比较困难。其实不难，只不过动机不同，在实践中更有意义。你可以把这一页面的各个部分当作独立的版块来看待，无论你选择哪一块。你可以绝对或相对地用彼块取代此块。
定位属性position用于定义一个元素是否absolute（绝对），relative（相对），static（静态），或者fixed（固定）。
static值是元素的默认值，它会按照普通顺序生成，就如它们在HTML的出现一般。
relative很像static，但可用top、right、bottom和left属性来偏移原始位置。
absolute使元素从HTML普通流中分离出来，并把它送到一个完全属于自己的定位世界。在这个稍微疯狂的世界，这个绝对的元素可以放置到任何地方，只要设置了top、right、bottom和left的值。
fixed的行为也很像absolute，但参考于浏览器窗口相对于页面而放置绝对的元素，所以，理论上，当页面滚动的时候，固定元素完全保持在浏览器视区中。
用CSS 来布局很容易。如果你已经习惯用表格布局的话，起先会感觉比较困难。其实不难，只不过动机不同，在实践中更有意义。你可以把这一页面的各个部分当作独立的版块来看待，无论你选择哪一块。你可以绝对或相对地用彼块取代此块。
定位属性position用于定义一个元素是否absolute（绝对），relative（相对），static（静态），或者fixed（固定）。
static值是元素的默认值，它会按照普通顺序生成，就如它们在HTML的出现一般。
relative很像static，但可用top、right、bottom和left属性来偏移原始位置。
absolute使元素从HTML普通流中分离出来，并把它送到一个完全属于自己的定位世界。在这个稍微疯狂的世界，这个绝对的元素可以放置到任何地方，只要设置了top、right、bottom和left的值。
fixed的行为也很像absolute，但参考于浏览器窗口相对于页面而放置绝对的元素，所以，理论上，当页面滚动的时候，固定元素完全保持在浏览器视区中。
2008年12月29日11:04:42 用列表ul制作CSS横向菜单的基础知识
有朋友说52CSS现在的教程还不够傻瓜化，有些东东可能对于新手一时还难以理解。
我们将陆续的推出一些最基础的教程与CSS布局的方法、案例。满足新手的需要。如果你已经对CSS有一些了解，这些教程就可以忽略了。
今天介绍如何用ul和li制作横向菜单。ul是html中的无序列表，li是列表中的列表项。如果没有CSS定义它的外观，它默认是显示成一列列表，并且它会存在项目符号（比如方块或实心的黑点）的列表内容。
CSS网页布局中，除了新闻列表、链接运行ul、li制作以外，我们通常将菜单也用ul、li来实现。我们下面用CSS来改变它的外观，使它能横向在一行中显示，并且将项目符号去掉。
我们看下面的XHTML代码：
我们建立了一个id为nav的无序列表，包含了五个列表项li，这就是我们的菜单了。我们通过下面的css代码，对它进行重新定义：
Example Source Code [www.52css.com]
对id为nav的无序列表中的列表项li，我们进行CSS定义。每句代码的意义解释如下：
display: inline; 内联（行内）。将li限制在一行来显示。
list-style-type: none; 列表项预设标记为无。这就去掉了“方块或实心的黑点”
padding: 5px 10px; 设置li的填充，距离上下均为5px，距离左右均为10px.
有朋友说52CSS现在的教程还不够傻瓜化，有些东东可能对于新手一时还难以理解。
我们将陆续的推出一些最基础的教程与CSS布局的方法、案例。满足新手的需要。如果你已经对CSS有一些了解，这些教程就可以忽略了。
今天介绍如何用ul和li制作横向菜单。ul是html中的无序列表，li是列表中的列表项。如果没有CSS定义它的外观，它默认是显示成一列列表，并且它会存在项目符号（比如方块或实心的黑点）的列表内容。
CSS网页布局中，除了新闻列表、链接运行ul、li制作以外，我们通常将菜单也用ul、li来实现。我们下面用CSS来改变它的外观，使它能横向在一行中显示，并且将项目符号去掉。
我们看下面的XHTML代码：
]
<ul id="nav">
<li><a href="http://www.52css.com/">Div+CSS教程</a></li>
<li><a href="http://www.52css.com/">CSS布局实例</a></li>
<li><a href="http://www.52css.com/">CSS2.0教程</a></li>
<li><a href="http://www.52css.com/">CSS酷站欣赏</a></li>
<li><a href="http://www.52css.com/">CSS模板下载</a></li>
</ul>
<li><a href="http://www.52css.com/">Div+CSS教程</a></li>
<li><a href="http://www.52css.com/">CSS布局实例</a></li>
<li><a href="http://www.52css.com/">CSS2.0教程</a></li>
<li><a href="http://www.52css.com/">CSS酷站欣赏</a></li>
<li><a href="http://www.52css.com/">CSS模板下载</a></li>
</ul>
我们建立了一个id为nav的无序列表，包含了五个列表项li，这就是我们的菜单了。我们通过下面的css代码，对它进行重新定义：
#nav li {
display: inline;
list-style-type: none;
padding: 5px 10px;
}
display: inline;
list-style-type: none;
padding: 5px 10px;
}
对id为nav的无序列表中的列表项li，我们进行CSS定义。每句代码的意义解释如下：
display: inline; 内联（行内）。将li限制在一行来显示。
list-style-type: none; 列表项预设标记为无。这就去掉了“方块或实心的黑点”
padding: 5px 10px; 设置li的填充，距离上下均为5px，距离左右均为10px.