欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

HTML&CSS基础学习笔记1.12—引入样式表 博客分类: HTML html引入样式表csshreflink 

程序员文章站 2024-03-15 08:55:59
...

引入样式表

我么都知道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—引入样式表
            
    
    博客分类: HTML html引入样式表csshreflink 

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