引入样式表

我么都知道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

 

相关文章:

  • 2021-11-06
  • 2021-06-03
  • 2022-12-23
  • 2021-11-28
  • 2021-10-17
  • 2021-12-15
  • 2022-01-05
  • 2022-03-07
猜你喜欢
  • 2021-09-16
  • 2022-01-07
  • 2022-12-23
  • 2021-07-21
  • 2022-02-22
  • 2022-01-06
  • 2022-01-17
相关资源
相似解决方案