HTML插⼊外部样式表
插⼊样式表的⽅法有三种:
外部样式表(External style sheet)
内部样式表(Internal style sheet)
内联样式(Inlin
(1)外部样式表的创建：
在当前.html⽂件外部新建⼀个.css⽂件(最好和.html⽂件在同⼀个⽬录下)  例如下:
test2.css中代码如下:
.demo01{
background-color:aliceblue;
}
(2)外部样式表的插⼊：
在.html⽂件的<head>(头部)中使⽤link标签把.css⽂件中编写的样式引⼊到当前的HTML页              ⾯中.link标签是HTML和css⽂件的桥梁        href=".css⽂件路径"
<head>
<link rel="stylesheet" href="test2.css">
</head>
(3)外部样式表的使⽤(以页⾯的背景颜⾊为⼀简单⼩例):
<body class="demo01">
</body>
完整代码:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="test2.css">
<meta charset="UTF-8">  <!--定义⽹页编码格式为utf-8-->
<title>页⾯标题</title>
</head>
<body class="demo01">
<!-- 标题⼤⼩与字体⼤⼩的关系：1到6号标题与1到6号字体逆序对应，⽐如1号字体对应6号标题，2号字体对应5号标题-->        <h1>第⼀个标题</h1>
<font size="6">这是六号字体⽂本</font>
<p>内容1 <br>内容1.1 <br>内容1.2</p>          <!-- <br>换⾏ -->
<h2>第⼆个标题</h2>
html href属性<font size="5">这是五号字体⽂本</font>
<p>内容2</p>
<!-- HTML 链接是通过标签 <a> 来定义的。 -->
<!-- href属性如果你将 target 属性设置为 "_blank", 链接将在新窗⼝打开-->
<a href="www.baidu/" target="_blank" >去百度看看</a>
</body>
</html>
执⾏效果如下:

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。