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

Question

我对此非常陌生,因此大多数(复制和粘贴)都有一点点YouTube和阅读材料.

为什么两者都有？请简化你的回答,不要那么技术性.

Answer 1

<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和link之间的差异).

Answer 2

第一个用于直接在 html 文件中插入 css 代码，而第二个用于调用外部 css 文件。