在html文档中引用css有几种方式?分别是什么?
一般来说只有3种：
1.最常用的，引入样式表，在样式表中编写样式，引入方式如下：
link href="css/style.css" rel="stylesheet" type="text/css"
2.在Html头部用style/style包起来，在这里面编写样式：
style type="text/css"
*{
padding: 0;margin: 0
}
/style
3.在标签里面直接编写行内样式。
div style="color: #333"div
当然还有一种方式是用JS直接更改或者赋值给某个标签，但是其实是属于第三种的范围的
html如何跟css链接
1、当我们没有引入外部css样式表的时候，一般情况下我们会在html里写样式，而又两种方式使我们常见的，第一种：
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
titletime元素/title
/head
body
div style="height:300px; width:500px; background:#999;"/div
/body
2、第二种写法：
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
titletime元素/title
style
.all{
height:300px;
width:500px;
background:#999;}
/style
/head
body
3、建立一个css样式表文件
4、存储在css文件夹中
5、在html文件中写入链接代码，代码如下：
link rel="stylesheet" type="text/css" href="css/index.css" /
6、之后可以看到HTML文件的源代码傍边看到我们所连接的css文件，此时就连接成功。
html中如何导入css
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文件，
对于有的浏览器来说， 在一些情况下，如果页面文件的体积比较大，则会出现先现实无样式的页面，闪烁一下之后再出现设置样式的效果。从浏览者的感受来说，这是使用导入式的一个缺陷。
以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！
版权申明：新媒号所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报，一经查实，本站将立刻删除。
