二、建议使用 link 引入外部样式表
为了兼容老版本的浏览器,建议使用 link 引入外部样式表的方来代替 @import导入样式的方式.
译者注: @import是CSS2.1提出的所以老的浏览器不支持。
@import和link在使用上会有一些区别, 利用二者之间的差异,可以在实际运用中进行权衡。
关于@import和link方式的比较在52CSS.com上有几篇文章可以拓展阅读。
不推荐@import导入方式
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
- <html lang="en">
- <head>
- <meta http-equiv="content-type" content="text
- <title>Page title - 52css.com</title>
- <style type="text/css" media="screen">
- @import url("styles.css");
- </style>
- </head>
- <body> ... </body>
- </html>
推荐引入外部样式表方式
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head>
- <meta http-equiv="content-type" content="text
- <title>Page title - blog.huangchao.org</title>
- <link rel="stylesheet" href="name.css" type="text/css" media="screen" />
- </head>
- <body> ... </body>
- </html>
(举报)