<link> vs <style> 用于将 CSS 样式表包含在 HTML 文档中



我很惊讶地在自由软件基金会的主页标记中找到以下几行:

<link rel="stylesheet" media="print" href="//static.fsf.org/nosvn/plone3/css/print-2011-10-13.css" />
<style type="text/css" media="screen"> @import url('//static.fsf.org/nosvn/plone4/css/fsf-2016-11-15.css');</style>

我是正确的,认为这些行的效果相似(除了第一个加载" print"样式表和第二个加载"屏幕"样式表(?

如果是这样,那么在每种情况下使用其他语法的理由是什么?

另外,如果我认为这些线有相似的效果,那么它们之间有什么区别?

<link>用于指定CSS位置,如果您在外部进行CSS(例如'index.css'(。<style></style>用于内部CSS(对于同一文件中的HTML的CSS时(。

这是用于定义外部CSS的link的示例:<link href="index.css" rel="stylesheet" type="text/css" />

P.S link除了将位置定义为外部CSS外,还用于其他事物。

最新更新