1、使用链接式
<link href="style.css" rel="stylesheet" type="text/css" />
2、使用导入式
<style type="text/css">
@import "style.css"
</style>
扩展资料：
二者的区别
导入式和链接式的目的都是将一个独立的css文件引入一个文件中，二者的区别不大，事实上，二者最大的区别在于链接式使用html的标记引入外部css文件，而使用导入式则是使用css规则引入外部css文件，因此它们的语法也不同。
采用这两种方式后的现实效果也略有区别。使用链接式时，会在装载页面主体部分 之前装载css文件，这样现实出来的页面从一开始就是带有样式效果的，而使用导入式时，会在整个页面装载完成之后再装载css文件，
对于有的浏览器来说， 在一些情况下，如果页面文件的体积比较大，则会出现先现实无样式的页面，闪烁一下之后再出现设置样式的效果。从浏览者的感受来说，这是使用导入式的一个缺陷。
代码
<link
href="css/main.css"
rel="stylesheet"
type="text/css"
/>
在html中,引入css的方法主要有行内式、内嵌式、导入式和链接式4种。
1.行内式:即在
标记
的style属性中设定
css样式
，这种
方式
本质上没体现出css的
优势
，因此不推荐使用。
2.
嵌入式
:在对
页面
中各种
元素
的设置集中写在<head>和</head>之间的，对于单个页面来说，这种方式很方便。
3.导入式:导入式格式如下：
<style
type="text/css">
@import
"mystyle.css";
</style>
4.连接式:格式如下：
<link
href="mystyle.css"
rel="stylesheet"
type="text/css"/>
采用后两种方式后的显示效果略有区别，区别如下：
连接式：会在装载页面主体部分之前装载css文件，这样显示出来的网页从一开始就是带有
样式
效果的;
导入式：会在整个页面装载完成后再装载
CSS
文件，对于有的
浏览器
来说，在一些情况下，如果网页文件的体积比较大，则会出现先显示无样式的页面，闪烁一下之后再出现设置样式后的效果，从浏览者的感受来说，这是导入式的一个缺陷。
对于一些比较大的网站，为了便于维护，可能会希望把所有的css样式
分类别
放到几个CSS文件中，这样如果使用连接式引入，就需要几个
语句
分别导入CSS文件。如果要调整CSS文件的分类，就需要同时调整HTML文件，这对于维护工作来说，是一个缺陷，如果使用导入式，则可以只引进一个总的CSS文件，在这个文件中再导入其他独立CSS文件；而连接则不具备这个
特性
。
因此给大家的建议是：如果仅需要引入一个CSS文件，则使用连接方式；如果需要引入多个CSS文件，则首先用连接方式引入一个“目录”CSS文件，这个“目录”CSS文件中再使用导入式引入其他CSS文件。
如果希望用javascript来
动态
决定引入哪个css文件，则必须使用连接式才能实现
2.嵌入式:在对页面中各种元素的设置集中写在<head>和</head>之间的，对于单个页面来说，这种方式很方便。
3.导入式:导入式格式如下：
<style type="text/css">
@import "mystyle.css";
</style>
4.连接式:格式如下：
<link href="mystyle.css" rel="stylesheet" type="text/css"/>
如：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<link href="css/main.css" rel="stylesheet" type="text/css" />
<link href="css/top.css" rel="stylesheet" type="text/css" />
<link href="css/font.css" rel="stylesheet" type="text/css" />
</head>
不手写代码也可以，在DW里右上角，有个CSS样式，下面有个附加样式表按钮，点一下，直接选择路径就可以了。本回答被提问者采纳
html引入css有哪几种方法(html中引入css的方法)
第一种方法是行内样式,就是直接把CSS代码添加到html的标签中,作为标签的一种属性存在。2.第二种方式是内嵌样式,就是将CSS代码添加到head\/head之间,并用style\/sty...3.第三种方法是链接样式,就是将“页面内容”和“样式代码”分类成两个文件或多个文件,实现html代码和css代码的完全分离。在html下导...
html如何引用css文件?
1、直接在HTML标签中内嵌css样式 2、html中使用style自带式 3、使用@import引用外部CSS文件 4、使用link引用外部CSS文件推荐此方法 方法说明：1、直接在html标签元素内嵌入css样式 我是divcss测试内容 效果如下图 1.jpg 2、在html头部head部分内style声明插入 代码如下：!-- .ceshi{font-size:14px;...
如何引入css样式?
在html网页中引入引入css主要有以下四种方式：\\x0d\\x0a（1）行内式\\x0d\\x0a网页中css的导入方式\\x0d\\x0a\\x0d\\x0a（2）嵌入式\\x0d\\x0a\\x0d\\x0aP{color:red}\\x0d\\x0a\\x0d\\x0a嵌入式一般写在head中，对于单个页面来说，这种方式很方便。\\x0d\\x0a\\x0d\\x0a（3）导入...
HTML中如何引入CSS
在HTML中引入CSS的方法主要有四种，它们分别是行内式、内嵌式、链接式和导入式。1.行内式 行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。2.嵌入式 嵌入式是将CSS样式集中写在网页的<head><\/head>标签对的<style><\/style>标签对中。格式如下：<head> <styl...
HTML中怎么导入css?
link 属于 HTML，通过 <link> 标签中的 href 属性来引入外部文件，而 @import 属于 CSS，所以导入语句应写在 CSS 中，要注意的是导入语句应写在样式表的开头，否则无法正确导入外部文件；import 是 CSS2.1 才出现的概念，所以如果浏览器版本较低，无法正确导入外部样式文件；当 HTML 文件被加载时，...
如何在html中添加css样式
在html中添加css样式的步骤：1、将html样式放入“body”项中。2、点击文件，新建，点击css，选择新建，并保存css文件。3、点击右下角的链接图标。4、出现链接图标，点击浏览。5、找到css样式做保存的位置。6、点击确定，并确认路径。7、原有的html上出现css样式，进行保存。8、返回查看，添加成功。
html5引入css的方法?
01 首先新建一个文件夹，在文件夹下面建立如下图所示的文件 02 接下来用SublimeText打开HTML文件，写入HTML结构，如下图所示 03 然后我们在Head标签内用link标签引入CSS文件，如下图所示 04 最后用Script标签引入JS文件即可，如下图所示 html中如何导入css1、使用链接式 linkhref="style.css"rel="...
html引入css样式的方法有哪些
在HTML中引入CSS样式的方法主要有三种：1. **内联样式（Inline Styles）**：直接在HTML元素中使用`style`属性来添加CSS样式。这种方法只影响该元素本身，且不推荐在大型项目中使用，因为它会使HTML和CSS代码混在一起，难以维护。例如：`这是一段红色的文字。`2. **内部样式表（Internal Stylesheets）*...
在html里可以使用什么方法引入css
一、行内样式 使用style属性引入CSS样式。示例：<h1 style="color:red;">style属性的应用<\/h1><p style="font-size:14px;color:green;">直接在HTML标签中设置的样式<\/p>实际在写页面时不提倡使用，在测试的时候可以使用。例如：<!DOCTYPE><html><head><meta charset="utf-8" \/><title>行...
html 中如何加css代码,急求!
1.需要等Html页面全部加载完才能加载css文件。(三) 适用于多个页面需要展示相同样式的时候 (四) 书写位置:写在Html页面的head标签中的style表现中，用@import导入css文件 以上就是html导入css代码的详细介绍，更多关于html方面的知识点，可以看下这个视频教程：网页链接，希望我的回答能帮到你。
