-
blogbus模板系列教程11---css样式代码深入学习1 - [博客大巴代码教程]
2008-04-26
class的用法
前面我们已经学过用 id 作为连接css样式代码与布局代码的中介,但是,id在一个页面中只能被使用一次,不能重复利用。这样的话,当我们想要把某种特定样式应用于不同的页面元素的时候,就不得不构建另外的id用于定义样式。下面我们再来学习另外一种方法,用于定义样式。我们先来看看代码:
布局代码:
<div class="test">这是第一个div</div>
<div cl... -
blogbus模板系列教程10---css样式代码入门 实战篇 - [博客大巴代码教程]
2008-04-26
在学习了有关css的基础知识后,我们再通过实战理解一下前面学习的内容。
进入旧模板系统后,按照图示输入代码到相应的代码块中。
(眼睛不好的请点击看大图)
CSS代码块
Header代码块
Index代码块
模板效果图如下:
这节教程就先到这里了,我会在下节教程中详细解释各部分代码的意思的。虽然这节教程没有太多内容,但我想如果大家真的有意... -
blogbus模板系列教程9---css样式代码简介 总结篇 - [博客大巴代码教程]
2008-04-26
前面几节教程中,我着重向大家介绍过css代码,以及css代码与布局代码长分开书写的方法。在这节教程中,我想对前面三节的内容作一个总结。
css代码,在我的教程中,也被称作样式代码,它的作用就是“方便地页面中各种元素的显示样式”。我在前面经常列举的例子就是“一个宽度为多少,高度为多少,背景图片是什么的层”。这个例子中的宽度,高度,背景图片的设置都可以通过样式代码加以控制。
样式代码对页面元素的控制方式可以是直接... -
blogbus模板系列教程9---css样式代码简介3 - [博客大巴代码教程]
2008-04-26
在上节的教程中,我们知道了样式代码和布局代码可以分开来写。这样一来,就使代码编写工作变得轻松了许多。但或许对于很多人来说,手写代码可能是件不可能完成的事,其实想要学会手写代码,不妨先学会看懂代码,然后再试着写出一小段代码。慢慢积累下来之后,你就学会手写代码的方法了……
这节我将介绍下,对样式代码的引用问题。在上节教程中用到的例子:
布局部分:
<html>
<head>
<tit... -
blogbus模板系列教程9---css样式代码简介2 - [博客大巴代码教程]
2008-04-26
在上节的教程中,我向大家简明地介绍了 如何把css样式代码与div布局代码分开管理 的方法,在这节中,我将介绍一下在css代码块中为页面元素添加样式的方法。
先回忆下上节教程中用到的例子:
<div style="background: none transparent scroll repeat 0% 0%; width: 400px; height: 500px; border: red 2px solid">http:...



















