`

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

    博客分类:
  • HTML
阅读更多

引入样式表

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

 

0
0
分享到:
评论
2 楼 octopole 2016-07-26  
  
1 楼 octopole 2016-07-25  
快乐学习~~~

相关推荐

    HeadFirst HTML&amp;CSS学习笔记.zip

    CSS学习笔记HeadFirst HTML&amp;CSS学习笔记 HeadFirst HTML&amp;CSS学习笔记HeadFirst HTML&amp;CSS学习笔记 HeadFirst HTML&amp;CSS学习笔记HeadFirst HTML&amp;CSS学习笔记 HeadFirst HTML&amp;CSS学习笔记Head...

    学习html&amp;css的笔记.zip

    css的笔记学习html&amp;css的笔记学习html&amp;css的笔记 学习html&amp;css的笔记学习html&amp;css的笔记学习html&amp;css的笔记 学习html&amp;css的笔记学习html&amp;css的笔记学习html&amp;css的笔记 学习html&amp...

    HTML+CSS个人学习笔记

    HTML+CSS个人学习笔记

    html+css前端学习笔记.zip

    html+css前端学习笔记html+css前端学习笔记html+css前端学习笔记 html+css前端学习笔记html+css前端学习笔记html+css前端学习笔记 html+css前端学习笔记html+css前端学习笔记html+css前端学习笔记 html+css前端学习...

    html css js 学习笔记.zip

    html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习...

    html与css的学习笔记与练习.zip

    html与css的学习笔记与练习html与css的学习笔记与练习 html与css的学习笔记与练习html与css的学习笔记与练习 html与css的学习笔记与练习html与css的学习笔记与练习 html与css的学习笔记与练习html与css的学习笔记与...

    css层叠样式表手册_css样式表_css层叠样式表_css样式表下载

    css层叠样式表手册_css样式表_css层叠样式表_css样式表下载css层叠样式表手册_css样式表_css层叠样式表_css样式表下载css层叠样式表手册_css样式表_css层叠样式表_css样式表下载

    HTML5&CSS3网页制作:引入CSS样式.pptx

    **CSS核心基础——引入CSS样式** 在网页设计中,CSS(Cascading Style Sheets)用于控制网页元素的呈现效果,包括颜色、布局、字体等。HTML5与CSS3的结合,使得网页制作更加灵活和富有表现力。CSS的引入方式主要有...

    尚硅谷(李立超)——HTML5&CSS3笔记总结【持续更新】

    尚硅谷(李立超)——HTML5&CSS3笔记总结【持续更新】 本文适合前端菜鸟食用,小编自己整理的李立超老师视频的笔记,手打不易,那就望您每年快乐吧。逃) 一、进制 1.十进制(日常使用): 特点:满10进1 计数:0 1 ...

    HTML+CSS学习笔记.zip

    HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 ...

    html&css入门基础知识点.pdf

    CSS样式通常存储在样式表中,把样式添加到HTML 4.0中,是为了解决内容与表现分离的问题。 有以下三种方式来插入样式表: * 外部样式表:当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。 * 内部样式...

    Head first HTML&CSS;.pdf

    CSS是一种样式表语言,用于描述网页的外观和布局。《Head First HTML&CSS》深入讲解了选择器、盒模型、布局、颜色和字体控制等关键概念,让读者能够灵活运用CSS美化网页,实现响应式设计和动态效果。 #### 3. 前瞻...

    Web前端HTML5 CSS3初学者零基础入门全套学习笔记.zip

    Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门...

    HTML&CSS的思维导图笔记

    2. CSS基础:选择器,属性,值,样式规则,内联样式,内部样式表,外部样式表。 3. CSS布局:盒模型,浮动,定位,Flexbox,Grid。 4. CSS样式:颜色,字体,文本,背景,边框,过渡,动画,响应式设计。 5. HTML与...

    上百个CSS实例|CSS基础学习|CSS入门基础|CSS样式集合

    【CSS基础学习】是网页设计领域中的重要环节,它是一种用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的样式表语言。CSS(层叠样式表)让网页设计者能够分离内容与表现,使得网页设计更加灵活且易于...

    Web设计与前端开发秘籍:HTML & CSS 设计与构建网站(完整清晰版)

    通过实例,你将学会如何组织代码,创建清晰可维护的样式表,以及如何调试和优化网页性能。此外,书中的实战项目和练习将帮助你巩固所学知识,提升实际操作能力。 HTML和CSS是前端开发的基石,掌握了这两门技术,你...

    HTML & CSS 设计与构建网站 中文版

    总之,《HTML & CSS 设计与构建网站》是一本全面的教程,旨在帮助读者掌握网页设计的基础,理解HTML和CSS的工作原理,并能够创建出具有吸引力和功能性的网站。通过学习这本书,你将能够熟练运用这两种语言,打造出...

    级联样式表CSS学习笔记

    ### 级联样式表CSS学习笔记 #### 一、设置CSS的几种方式 在网页设计与开发过程中,级联样式表(Cascading Style Sheets,简称CSS)是一种用来描述HTML文档外观和格式的语言。CSS提供了多种应用方式,以便开发者...

    前端的学习笔记HTML+css.zip

    前端的学习笔记HTML+css前端的学习笔记HTML+css前端的学习笔记HTML+css 前端的学习笔记HTML+css前端的学习笔记HTML+css前端的学习笔记HTML+css 前端的学习笔记HTML+css前端的学习笔记HTML+css前端的学习笔记HTML+css...

    CSS基础知识学习笔记

    ### CSS基础知识学习笔记 #### 一、CSS简介与基本概念 **CSS**(Cascading Style Sheets)即层叠样式表,是一种用来表现HTML或XML等文件样式的计算机语言。CSS的作用在于控制网页的布局和样式,使网页内容的展现更加...

Global site tag (gtag.js) - Google Analytics