HTML&CSS基础学习笔记1.12—引入样式表

引入样式表

我么都知道HTML是网页内容的载体,CSS样式是表现,就像网页的外衣。如何让网页披上这层外衣呢?

这个时候就需要用<link>标签了,它起到将CSS样式链入页面的作用。


<link>标签属于头部标签,一般嵌套在head标签内,定义了文档与外部资源的关系,最常见的用途是链接样式表。

<link>标签链接样式表的写法:

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

老规矩,我么来看段代码吧:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>链接 -- 引入样式表</title>
  <!-- 在此处引入样式表 -->
  <link href="index.css" rel="stylesheet" type="text/css">
</head>
<body>
  <h1>链接 -- 引入样式表</h1>
  <p>按照提示在head标签内添加一个link标签</p>
</body>
</html>

这样我们就能将index.css文件引入到index.html里啦~

HTML&CSS基础学习笔记1.12—引入样式表

更多学习体验,就在http://www.mayacoder.com/lesson/index

相关推荐