通过一个小例子来说明 css 工作原理 at ︻┳═一 [zsk.akaka.com.cn]

通过一个小例子来说明 css 工作原理

1,057 Views 五月 21st, 2008 by peterzsk

blog css design theme web WordPress 技巧教程模版

打开你 blog 里的 css 样式表，你经常会看到ol、li、p，今天来说说这些符号有什么用：

1 . 先用下面的代码建立一个 HTML 文件

<ol>
<li>
<p>This is line one</p>
</li>
<li>
<p>Here is line two</p>
</li>
<li>
<p>And last line</p>
</li>
</ol>

默认的显示效果会是这样：

2 . 现在我们来定义 ol 的字体和大小：

ol {
font: italic 1em Georgia, Times, serif;
color: #999999;
}

定义完后显示变成：

3 . 现在我们来定义 ol 中的 p：

ol p {
font: normal .8em Arial, Helvetica, sans-serif;
color: #000000;
}

定义完后显示变成：

这就是 css 最简单的工作原理。

如果您喜欢我的文章，可以订阅我的

谢谢。

看过本篇的朋友，还看过：

6 Responses to “通过一个小例子来说明 css 工作原理”

1 一亿度

好，希望能写成一个系列，每天都学点css

[回复]
peterzsk reply on 2008-05-21 11:25 am:
等到我学完，大家也都会了！！

[回复]
一亿度 reply on 2008-05-21 10:39 pm:
哈哈～～～

[回复]

Comment on May 21st, 2008 at 11:19 am
2匿名

这算什么原理呀，仅仅是显示效果而已了。

[回复]
peterzsk reply on 2008-05-24 11:22 am:
是分别设定 ol 和 ol p 来达到显示效果的

[回复]

Comment on May 23rd, 2008 at 1:46 pm

1 2008年5月文章总结 at ︻┳═一 [zsk.akaka.com.cn]

[…] 通过一个小例子来说明 css 工作原理 (5) […]

Pingback on Jun 10th, 2008 at 11:57 am

Leave a Reply