字体设置标签

最新推荐文章于 2024-05-28 09:03:58 发布

原创最新推荐文章于 2024-05-28 09:03:58 发布 · 2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#class #css #div #ie

xhtml 专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了网页中设置字体样式的多种方式，包括标题标签<hn>、<font>标签以及字形变化标签的应用。同时，文章还阐述了CSS在定义标题样式中的重要作用，以及如何使用CSS为字体大小、颜色、样式等属性赋予个性化效果。

设置字体样式的方式有这样几种：

标题标签<hn>

标题标签分为6种：<h1>——<h6>
<body>
	<h1 title="h1" style="cursor:pointer; background-color:#FFCCFF; margin:0px">这里是标题一</h1>
	<h2 title="h2" style="cursor:pointer; background-color:#FFCCFF; margin:0px">这里是标题二</h2>
	<h3 title="h3" style="cursor:pointer; background-color:#FFCCFF; margin:5px">这里是标题一</h3>
	<h4>这里是标题四</h4>
	<h5>这里是标题五</h5>
	<h6>这里是标题六</h6>
</body>
标题标签的处理机制是这样的：
定义一个块级元素(自动换行)，然后根据标题级别在这个块中填入标签中的文字。这个块级元素相当于一个div区块，因此可以通过CSS来定义标题的现实样式。

字体标签<font>

font标题是专门用于设置字体的标签。在这个标签中可以定义标签内部字体的大小，颜色，样式，class,id.如下：
<font size="3px" color="#0000FF" style="background-color:#FF9933" >这是一个晴朗的早晨，鸽哨声伴着起床号音。</font>
font标签的处理机制是这样的：
不定义块级元素，只是针对其内部的文字起作用。

字形变化标签

有专门针对特殊用途的字形变化使用的标签：

	<b>粗体</b> 	粗体<br />
	<i>斜体</i> 	斜体<br />
	<u>底线</u> 	底线<br />
	<sup>上标</sup> 	上标<br />
	<sub>下标</sub> 	下标<br />
	<tt>打字机</tt> 	打字机<br />
	<blink>闪烁</blink>（ie没效果） 	闪烁<br />
	<em>强调</em> 	强调<br />
	<strong>加强</strong> 	加强<br />
	<samp>范例</samp> 	范例<br />
	<code>原始码</code> 	原始码<br />
	<var>变数</var> 	变数<br />
	<dfn>定义</dfn> 	定义<br />
	<cite>引用</cite> 	引用<br />
	<address>所在地址</address> 	所在地址<br />