怎么通过外部引用CSS,让一个页面里有多种字体效果?

/> 默认字体 更改过的字体 连接1 连接2 这只是个例子,你自己再以一推三哈~!~在实现效果上外链和内部其实是一样的 你可以尝试着去.css文件里去改动这些东西 至于你说 哪些行要什么样子的 很容易直接去给这个行定义一个class或者id 然后再在CSS里写上 他要用的字体 font...
怎么通过外部引用CSS,让一个页面里有多种字体效果?
如先建个css.css文件存根目录下,内容如下:
.css {
font-family: "宋体";
font-size: 9px;
color: #000;
}

.css01 {
color: #000;
font-size:12px;
font-weight:bold;
font-family: "华文楷体";
}
a.css01:link { color: #333;text-decoration: none;}
a.css01:visited {text-decoration: none; color: #666;}
a.css01:hover { text-decoration: underline;color: #000;}
a.css01:active {text-decoration: none;color: #00397f;}

.css02 {
color: #00397f; font-weight:bold
}
a.css02:link {color: #00397f;text-decoration: none;}
a.css02:visited {text-decoration: none;color: #00397f;}
a.css02:hover {text-decoration: underline;color: #00397f;}
a.css02:active {text-decoration: none;color: #00397f;}

再在引用页内编写如下:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css外部引用</title>
<link href="css.css" rel="stylesheet" type="text/css" />
</head>

<body class="css">
<p>默认字体</p>
<p class="css02">更改过的字体</p>
<p><a href="#" class="css01">连接1</a></p>
<p><a href="#" class="css02">连接2</a></p>
<p></p>
</body>
</html>

这只是个例子,你自己再以一推三哈~!~2009-12-03
在实现效果上外链和内部其实是一样的 你可以尝试着去.css文件里去改动这些东西 至于你说 哪些行要什么样子的 很容易

直接去给这个行定义一个class或者id 然后再在CSS里写上 他要用的字体 font-family:"宋体" 就可以了

多种样式 你可以直接空格隔开 比如 class="abc bbb" 只要不重复 都可以显示的

还有一点你要注意就是 内部的会覆盖外部的 优先级会高一些 如果外部定义好了 你也可以内部来覆盖它们2009-12-01
其实和你直接在网页里一样的原理,你把想改变的字体放在一个标签里并给这个标签命名(<span class="xx">独立样式文字</span>)。然后在样式文件里设置这个标签的属性。你直接在网页里操作是自动加了一个命名的标签。2009-12-01
很简单哦,你知道在样式表里写,比如:

.aaa { font-family:Verdana, Geneva, sans-serif}
.bbb { font-family:"宋体"}

如果你超链接需要2种样式效果,可以这样写.
.ft01 { color: #00397f; font-size:14px; font-weight:bold}
a.ft01:link {color: #00397f;text-decoration: none;}
a.ft01:visited {text-decoration: none;color: #00397f;}
a.ft01:hover {text-decoration: underline;color: #00397f;}
a.ft01:active {text-decoration: none;color: #00397f;}

.ft02 { color: #00397f; font-weight:bold}
a.ft02:link {color: #00397f;text-decoration: none;}
a.ft02:visited {text-decoration: none;color: #00397f;}
a.ft02:hover {text-decoration: underline;color: #00397f;}
a.ft02:active {text-decoration: none;color: #00397f;}

然后用class调用样式就可以了.2009-12-01
比如样式代码写在css.css文件里
外部调用:
<link href="css.css" rel="stylesheet" type="text/css">

哦,指一个链接里多种样式
那就在链接里再加其他标签如div或span 对标签加样式
如:<a href="#"><div class="样式1">文字</div><div class="样式2">连接</div></a>

或者简单变通下<a href="#" class="样式1">文字</a><a href="#" class="样式2">连接</a>2009-12-01
mengvlog 阅读 12 次 更新于 2025-06-20 01:06:45 我来答关注问题0
  • a.css02:hover {text-decoration: underline;color: #00397f;} a.css02:active {text-decoration: none;color: #00397f;} 再在引用页内编写如下: css外部引用 默认字体 更改过的字体 连接1 连接2 这只是个

  •  湖北倍领科技 div中如何引用外部css文件

    在标签中引用外部CSS文件是一项常见操作,通过这种方式,可以将样式表与HTML文档分离,便于管理和维护。我们通常使用HTML中的标签来完成这一操作。在标签中,通过设置href属性来指定外部CSS文件的路径。这里有一个示例代码: 在这个例子中,"style.css"就是外部CSS文件的名称。通过这种方式,可以将CSS样式应...

  • 来调用外部的wcss.css文件来实现html引用css文件 此方法就不需要style标签,而是直接通过link一个样式来引用外部样式,一般推荐使用link来引用外部的css样式方法。html文件如何引用外部css文件?答案(代码详情):html head metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"titleInserttitleh...

  •  誉祥祥知识 调用外部CSS怎么写?

    要调用外部CSS,首先需要创建一个包含CSS样式的文件。例如,可以创建一个名为styles.css的文件,并在其中编写如下CSS代码:body{width:100%;margin:0;padding:0;} .content{width:300px;height:200px;float:left;} 创建好CSS文件后,接下来要在HTML文件中引用这个外部样式表。这可以通过在HTML文件的部...

  •  小笔嘎扎 html如何引用外部css样式

    一个外部的样式表可以通过HTML的LINK元素连接到HTML文档中:

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部