css样式简单来讲，就是控制页面各元素的显示样式的。前面的教程中，我已经向大家介绍过一种调用css样式的方法（即style="width:200px"这种形式）。但在blogbus的模板代码中，使用了另外一种更为方便的（也是通用的）调用方法。下面就来介绍一下。
<html>
<head>
<title>css样式简介</title>
</head>
<body>
<div style="width:400px;height:500px;border:2px solid red;background:url(http://www.blogbus.com/images/site_v4/logo.gif) no-repeat;">这是一个宽为400px 高为500px，边框为 2px宽的红色实边，背景图片是：
的层</div>
</body>
</html>
显示效果如图：
对于这样的代码，相信认真看过前面教程的人，都不难理解了吧。其中的style=""便是控制div这个元素的显示方式。请大家想想，如果把style=""这一段代码去掉的话，显示的效果会是什么样的呢？
如果去掉style=""这段代码，div这个元素会按照默认的样式显示出来，那样的话，div的宽度，高度，边框，背景图片等等都不是按照style=""里面规定的方式来显示了。
但如果我们把div写成这样：
<div id="test">这是个id为test的div</div>
这时候的id就相当于是这个div专有的名字，其他div不可以用这个名字了。然后我们可以在css代码块中规定#test的样式，并在页面中调用这个样式，从而实现与前面例子相同的效果。
下一节将继续介绍如何在css代码块中书写#test的样式，以及如何在页面中调用这些样式，敬请期待。最后，再次提醒大家一下，如果你看不懂本节内容，请留言给我……能看懂教程的人也不妨留言告诉我你的感受
评论
[avatar:46]在最后"然后我们可以在css代码块中规定#test的样式，并在页面中调用这个样式，从而实现与前面例子相同的效果。"
如何在css代码块中规定#test的样式
css样式的定义后面会讲到的，呵呵
(2008-07-11 22:55:20)
[avatar:40]看明白啦,感觉没有很困难的啊.自己多动手练习修改一下参数印象就更深刻啦.
其实是越到后面越难……^_^
(2008-06-04 09:09:44)
[avatar:47]居然勉强看懂了，以前什么也不懂的，为了改模板。你很适合写教材，赞
谢谢支持
(2008-04-26 18:24:53)
[avatar:40]看到这里，下次接着看。辛苦你了，谢谢你啊小万同学[face:11]
还有个问题，这里no-repeat是什么意思，是不是表示这张图在这个<div></div>里只显示一次，而不是显示N次从而把它铺满吗？如果是的，那么没有这个词就默认为显示多次[face:01]
[avatar:42]你好,,,我想问一下,,
为什么我进入旧模版设置后,自定义模版下面并没有出现改名/修改/使用的字样..
不知道是什么原因,,
望答复,,
[face:03]
你首先得新建一个自定义模板，然后修改使用这个自定义的模板[face:10]
如果你想直接修改系统自带模板的话，也应该这样做，建议你可以找找我前面的教程看看如何修改
(2008-02-22 20:38:14)
如果不能两全的话,当然先把IE的弄好喽.我也用的是IE.呵呵
不过还是应该考虑到firefox等其他浏览器……
(2007-10-26 21:40:12)
style规定了div的属性是吗?
调用test的话,就是<div id=test></div> 这样放置一个div,而在另一地方设置test的style属性...?
有时候做css模板.在IE里是好的但在firefox里布局全乱了.这个问题以后也会讲到的哦?我关注这个的解决方法.呵呵
test的例子就是把css代码与div布局代码分开了
确实ie对的支持不是很好，但现实情况又是ie的用户占大多数，所以在写css代码的时候一定要注意这点
(2007-10-18 12:50:32)