-
blogbus模板系列教程11---css样式代码深入学习5 - [博客大巴代码教程]
2008-04-26
调节文字排放位置 这节的教程我们来学习如何调节blog名称和描述的位置。还是接着上节的教程来看,我们要在css中添加一些代码,即可实现文字排放位置的调节。下面我们先来学习简单的文字对齐方式。 文字对齐可分为左对齐,右对齐,中间对齐以及两端对齐。我们先看下这段代码: 这段代码在上节教程中已经出现过了,如果不懂的话,请回到上节教程查看下。当我们设置好id为header的div 的宽度后,然后定义这个div的文字对齐方式,比如说右对齐,那么id为header的div ... -
blogbus模板系列教程11---css样式代码深入学习4 - [博客大巴代码教程]
2008-04-26
页面元素的样式(2) 实战篇
上节内容中,我向大家介绍了a h2 这两个页面元素(或者称为html标签),大家还记得我在上节内容中留下的问题的话吧,这节内容中,我们就要通过css代码来解决了。
先来看看上节中,我留下的问题吧。“想要修改标题字体的大小以及颜色,而且要去掉链接下面的横线”,为了使这节内容更有实战意味,我们把前面11节的的代码也搬过来看看:
Index块:
<!-- ~ header ~ --&... -
blogbus模板系列教程11---css样式代码深入学习3 - [博客大巴代码教程]
2008-04-26
页面元素的样式(1)
这节我将向大家解释下,页面元素的样式定义方法。在之前的教程中,我们一直都在谈论div(层)的样式定义,其实div就是页面元素的一种,我们主要利用它来布局。但实际上,在html语言中,还有很多页面元素,我以前曾经介绍过的<a></a><p></p>这些都是页面元素,下面我将为大家介绍一些常见的页面元素的用法:
<a href=""></a>
这个标签的意思是&... -
blogbus模板系列教程11---css样式代码深入学习2 - [博客大巴代码教程]
2008-04-26
id与class的层级使用方法
前面几节教程中,我分别向大家介绍了id与class的用法。如果大家对于id及class的用法仍有不懂的地方,请返回前几节,认真研习一下它们的用法。这节教程中,我将为大家介绍id与class的层级使用方法。
所谓的层级使用方法,就是把id与class层次化,我们先看下面的例子,然后再详情解释下层次化意思。
布局代码:
<div id="header">
... -
blogbus模板系列教程11---css样式代码深入学习1 - [博客大巴代码教程]
2008-04-26
class的用法
前面我们已经学过用 id 作为连接css样式代码与布局代码的中介,但是,id在一个页面中只能被使用一次,不能重复利用。这样的话,当我们想要把某种特定样式应用于不同的页面元素的时候,就不得不构建另外的id用于定义样式。下面我们再来学习另外一种方法,用于定义样式。我们先来看看代码:
布局代码:
<div class="test">这是第一个div</div>
<div cl...



















