前端开发中的各种引入

前端开发中的各种引入

总结一下前端开发中常使用的各种引入方式。


  1. html中引入外部样式文件
1
2
3
<head>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
  1. html中引入文档样式表
1
<style type="text/css"></style>
  1. @import引入外部样式表

写在style标签里面或者css文件里面。

3.1 在css文件中@import

1
@import url(css/style.css);

3.2 在style标签中@import

1
2
3
<style type="text/css">
@import url(css/style.css);
</style>

3.3 指定样式媒体

1
2
3
@import url(css/screen.css) screen;
@import url(css/print.css) print;
@import url(css/commom.css)screen print;

评论