html导入样式,html如何导入css

html如何导入css

1、使用链接式

2、使用导入式

@import "style.css"

扩展资料：

二者的区别

导入式和链接式的目的都是将一个独立的css文件引入一个文件中，二者的区别不大，事实上，二者最大的区别在于链接式使用html的标记引入外部css文件，而使用导入式则是使用css规则引入外部css文件，因此它们的语法也不同。

采用这两种方式后的现实效果也略有区别。使用链接式时，会在装载页面主体部分 之前装载css文件，这样显示出来的页面从一开始就是带有样式效果的，而使用导入式时，会在整个页面装载完成之后再装载css文件，

对于有的浏览器来说， 在一些情况下，如果页面文件的体积比较大，则会出现先显示无样式的页面，闪烁一下之后再出现设置样式的效果。从浏览者的感受来说，这是使用导入式的一个缺陷。

更多HTML相关技术文章，请访问HTML答疑栏目进行学习！