HTML&CSS基础学习笔记12-引入样式表
2016-09-01 09:54
399 查看
引入样式表我么都知道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里啦~更多学习体验,就在http://www.mayacoder.com/lesson/index
<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里啦~更多学习体验,就在http://www.mayacoder.com/lesson/index
相关文章推荐
- 【慕课网】php工程师学习计划之我的学习笔记——01 入门必学web基础 htmlcss基础课程 篇
- HTML/CSS基础知识学习笔记
- HTML&CSS基础学习笔记1.10-添加链接
- HTML&CSS基础学习笔记1.12-无序列表
- C#学习笔记8:HTML和CSS基础学习笔记
- HTML&CSS基础学习笔记1.19-DIV标签1
- html及css学习笔记_12_css三种使用方式
- HTML&CSS基础学习笔记1.17-表格的头部与尾部
- 在慕课学习HTML与CSS基础课程的一些笔记
- HTML&CSS基础学习笔记1.9-添加图片
- 学习笔记(一) HTML+CSS基础课程
- html+css学习笔记 [基础1]
- HTML&CSS基础学习笔记1-简单网页中有哪些标签?
- HTML&CSS基础学习笔记1.18-表格的边框
- HTML+CSS基础课程学习笔记-第三章 CSS
- 【嘉兴东臣php】HTML+CSS+JS基础学习笔记
- 一、HTML+CSS基础知识学习笔记
- HTML学习笔记(3)——CSS的引入,选择器和文本样式
- HTML+CSS基础课程学习笔记-第二章 HTML标签
- HTML&CSS基础学习笔记1.13-有序列表及列表嵌套