如何使用CSS更改标题字体大小

发布者：hqt发布时间：2020-04-07 03:04:29

CSS的一种常见用途是更改标头标记和链接的属性。当您要突出显示页面中的重要关键字短语，但又不想在页面上有很大的标题时，此功能很有用。

例如，这将标题文本的大小减小到中等。

<H1 STYLE =“ font-size：medium”>搜索引擎优化</ H1>

以下内容删除了链接的下划线。这对于在页面顶部，侧面或底部创建有吸引力的，搜索引擎友好的导航栏链接很有用。

<A HREF="index.html' STYLE="text-decoration: none'> Home </A>

下面的示例向您展示如何更改链接颜色以适合您的网站样式。链接颜色保持不变，即使用户单击它也是如此。即，链接颜色不会更改为“访问的链接”颜色。

<A HREF="index.html' STYLE="color: blue'> Home </A>

您可以将CSS包含在HTML标记内（如上所述），在网页中，或放置在单独的文件中并从网页链接到。

通过以上示例，我已经在HTML标记本身中设置了层叠样式表（CSS）属性。如果您想在整个页面中使用相同的CSS属性，则可以在页面中一次为HTML标签设置CSS属性，更改将反映在整个页面中。

为此，请在HTML文档开头的HEAD部分之间添加CSS属性。

例如：

<HEAD>
<STYLE TYPE =“ text / css”>
<！-
H1 {
font-size：medium;
}
->
</ STYLE>
</ HEAD>

通常的做法是在CSS文件中设置级联样式表（CSS）属性，以使它们反映在整个网站上。这不仅使您不必重复输入相同的CSS属性，而且还减小了HTML文档的大小，这意味着可以缩短下载时间。

为此，将CSS代码添加到新文档并将其另存为.css文件。

例如：

css-file.css
marketing.css

然后，在HTML文档开头的HEAD部分之间添加指向CSS文件的链接。

例如：

<HEAD>
<LINK REL =“样式表” HREF =“ marketing.css” TYPE =“ text / css”>
</ HEAD>

级联样式表（CSS）的一个缺点是较早的浏览器（Internet Explorer 3.0或Netscape 4.0或更早版本）不支持它们。因此，如果您彻底更改任何HTML标记，并且有人使用了不支持CSS的旧网络浏览器，则该页面可能会给用户带来麻烦。

但是，只有极少数的互联网用户仍在使用不支持CSS的网络浏览器。因此，您应该使用它而不必过多担心。

网站地图是网站内容的可视模型，允许用户查找特定的内容或页面。它们就像是交互式目录，带有指向网站最重要主题或页面的链接。网站地图是按层次结构组织的，将网站的信息分解为越来越具体的主题区域。

网站地图可以帮助搜索引擎查找，爬网和索引网站中的所有页面。因此，我建议您为每个站点创建一个站点地图。

----- end -----