-
blogbus模板系列教程11---css样式代码深入学习3 - [博客大巴代码教程]
2008年04月26日
页面元素的样式(1)
这节我将向大家解释下,页面元素的样式定义方法。在之前的教程中,我们一直都在谈论div(层)的样式定义,其实div就是页面元素的一种,我们主要利用它来布局。但实际上,在html语言中,还有很多页面元素,我以前曾经介绍过的<a></a><p></p>这些都是页面元素,下面我将为大家介绍一些常见的页面元素的用法:
<a href=""></a>
这个标签的意思是”链接“,如果有这样的代码:
<a href="http://mobanxx.blogbus.com">万恶的blogbus模板</a>
那么它表示的意思就是万恶的blogbus模板是个链接,点击这个链接后会打开http://mobanxx.blogbus.com这个网址。一般而言,它默认的样式就是这样的:<h2></h2>
这是格式化的标题标签,它有自己的默认样式,如果在<h2></h2>中放入一般的文字,比如
<h2>这是h2的默认样式</h2>
那么它默认情况下显示出来的效果就是这样的:
实际上我们有时还会遇见其它”h“系列标签,比如<h1></h1>,<h3></h3>、<h4></h4>等等,它们的默认样式分别是这样的
我之所以特地介绍h2标签的目的就在于,我们博客上的博客名称一般是用h2标签。不过呢,请大家仔细看看你自己的博客名称,是不是与我上面给出的显示效果不一样呢?其中的原因,我后面会讲到上面讲了这两个标签,我们思考一下,如果把它们俩联合起来使用的话,也即
<h2><a href="http://mobanxx.blogbus.com">万恶的blogbus模板</a></h2>
显示的效果会是什么样的呢?想像一下吧,”<h2>万恶的blogbus模板</h2>“这部分代码会使文字以粗大的文字显示,<a href="http://mobanxx.blogbus.com"></a>又会使这些文字具有链接,因此就是下面的效果:
看看你博客模板index中的代码吧,是不是会发现这种书写方法呢(见下图)。但是单纯这样写的话,是达不到我们想要的效果的。比如说,现在我们想要修改标题字体的大小以及颜色,而且要去掉链接下面的横线。我们这时就要用到css样式代码了。好了,这节的内容就先到这了,下节教程中,我将为大家讲解用css样式代码实现这些要求的方法,敬请期待……

随机文章:
博客大巴blogbus模板代码系列详细教程总汇 2008年04月27日blogbus模板系列教程11---css样式代码深入学习5 2008年04月26日blogbus模板系列教程11---css样式代码深入学习4 2008年04月26日blogbus模板系列教程11---css样式代码深入学习1 2008年04月26日blogbus模板系列教程10---css样式代码入门 实战篇 2008年04月26日
收藏到:Del.icio.us










