CSS外部样式链接

CSS外部样式链接,第1张

HTML文档使用<link .../>元素来引入外部样式文件, <link .../>要放在head元素里

href="文件地址"

结合题目: style/css.css  就是表示在html所在目录里有个文件夹style. 该文件夹里有一个css文档,  该css文档名字叫css

type="文件类型"

            常见的有text/css表示层叠样式表

text/javascript 表示 javascript脚本

rel="外部文件和HTML文档的关系"

stylesheet: 表示外部文件是该HTML的样式表

参考代码 HTML文件

<!DOCTYPE html>

<html>

<head>

<link href="style/css.css" type="text/css" rel="stylesheet"/>

<meta charset="utf-8">

<title>Test</title>

</head>

<body>

 <h3 id="title">标题</h3>

    <p class="myp">风云</p>

    <p class="myp">雷电</p>

</body>

</html>

参考CSS文件(注意该文件,在html所在目录的style文件夹里, 详细看前面的图)

#title{

 color:#f00

}

.myp{

 background:#999

 

}

效果图

html超链接的写法是使用a标签,如:<a href="//www.baidu.com">百度一下,你就知道</a>。

在html中,a标签中的a(或者 A) 是 anchor 的缩写 。anchor的基本解释是锚,这些标签的作用是标明超连接的起始位置或目的位置。

<a>标签可定义锚,通过使用 href 属性。创建指向另外一个文档的链接(或超链接)通过使用 name 或 id 属性,创建一个文档内部的书签。<a>元素最重要的属性是href属性,它指定目标链接。

在所有浏览器中,链接的默认外观是,未被访问的链接带有下划线而且是蓝色的,已被访问的链接带有下划线而且是紫色的,活动链接带有下划线而且是红色的。

扩展资料:

Html中a标签伪类:

1、a:link {color: #FF0000}

未访问的链接样式。

2、a:visited {color: #00FF00}

已访问的链接样式。

3、a:hover {color: #FF00FF}

当有鼠标悬停在链接样式。

4、a:active {color: #0000FF}

被选择的链接样式。

参考资料来源:百度百科-a (HTML语言标签)


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11487796.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存