HTML引用css样式有三种方法，那么，有哪三种方法呢？本篇文章就来给大家详细介绍一下html引用css文件的三种方法。 将样式表应用于HTML文档和CSS中的XHTML文档大致可分为以下三种方法。（推荐教程：css视频教程） 1、使用元素调用并应用外部CSS文件 2、使用元素应用于文档单元</p> <p>3、通过向元素添加样式属性来应用样式</p> <p><strong>使用<link>元素调用并应用外部CSS文件</strong></p> <p>创建一个CSS文件，与HTML文件分开描述样式表，并从HTML文件中调用它。对于调用，通过描述HTML文档的<head>元素中的<link>元素来指定外部CSS文件。要通知浏览器等应用的样式基于CSS，请为<link>元素的type属性的值指定text / css。考虑到与XHTML的兼容性，易于修改样式等，建议以这种方式设置样式表。</p> <p style='color: rgb(0, 0, 0); font-family: "Microsoft YaHei"; white-space: normal;'>样式表部件在外部文件（xxx.css）中描述。</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:css;toolbar:false">p {color：blue; line-height：1.5;}</pre><div class="contentsignin">Salin selepas log masuk</div></div><p style="color: rgb(0, 0, 0); font-family: "Microsoft YaHei"; white-space: normal;">HTML源代码</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><html> <head> <link rel =“ stylesheet ”type =“ text / css ”href =“ xxx.css ”> </ head> <body> <p>这是一个段落</ p> </ body> </ html></pre><div class="contentsignin">Salin selepas log masuk</div></div><p style="color: rgb(0, 0, 0); font-family: "Microsoft YaHei"; font-size: medium; white-space: normal;"><strong><span style="color: rgb(20, 25, 30); font-family: "Microsoft Yahei", "Hiragino Sans GB", Helvetica, "Helvetica Neue", 微软雅黑, Tahoma, Arial, sans-serif; font-size: 14px;">使用<style>元素应用于文档单元</span></strong></p><p style="color: rgb(0, 0, 0); font-family: "Microsoft YaHei"; font-size: medium; white-space: normal;"><span style="color: rgb(20, 25, 30); font-family: "Microsoft Yahei", "Hiragino Sans GB", Helvetica, "Helvetica Neue", 微软雅黑, Tahoma, Arial, sans-serif; font-size: 14px;">在HTML文档的<head>元素中编写<style>元素，并为每个文档设置样式表。指定text / css作为<style>元素的type属性的值，以通知浏览器等应用的样式基于CSS。</span><br/></p><p>此外，使用<！ - - >注释样式表部分是为了防止<style>元素的内容显示在与样式表不对应的旧浏览器中。但是，由于近年来大多数浏览器都支持<style>元素，即使省略<！ -- 和-->，也几乎没有问题。</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><html> <head> <style type="text/css"> <!-- p {color:blue; line-height:1.5;} --> 这是一个段落。
