- <style type="text/css"> & <link href="style.css" rel="stylesheet" type="text/css" media="screen"/> 之间的差异

  显示原文与译文双语对照的内容

我相当新的,所以它大多数是( 复制并粘贴),有一个小的YouTube和阅读这里的材料。

为什么两者都有请简化你的回答,不要这么做。

时间:

当你希望在页面中嵌入样式规则时,<style type="text/css"> 是。

<link rel="stylesheet" href="path/to/style.css"/> 当你在当前页面中有一个单独的样式表文件时,这意味着客户机不必每次下载 CSS 。

CSS有 @import 指令,如果你使用 <style>@import style.css;</style> 那么它大致相当于 <link rel="stylesheet" href="style.css"/> ( 但存在一些细微差异: 参见 CSS 中 @import 和链接之间的差异。

使用 <style type="text/css"> 用于HTML文件中的CSS代码,<link...> 用于包含外部CSS文件。

方法 1 ( 使用 <style type="text/css"> )

是声明CSS的简单方法。 但它应该用于小代码。 当你想覆盖主样式表的属性时。

方法 2 ( 使用 <link rel="stylesheet" href="path/to/style.css"/> )

这个方法的第一个优点是,我们在外部文件中有一个样式。 这意味着我们可以重复地使用它。 但这并不是优势的终结。 你可以告诉浏览器将文件保存到缓存中。 减少页面加载时间。

我认为方法 2

第一个案例 <style type="text/css"> 用于在html文件中包含css定义。 2nd 案例将 css definintions放在 style.css ( 或者什么文件是 href ) 中。 2nd 案例使得在多个html文件中使用相同的css变得很容易。

...