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

标签 css

我对此很陌生,所以主要是(复制和粘贴)一些 YouTube 和阅读 Material 。

为什么两者都有?请简化您的回答,不要太技术化。

最佳答案

<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" /> (但有一些细微差别:参见 Difference between @import and link in CSS )。

关于css - &lt;style type ="text/css"> & <link href ="style.css"rel ="stylesheet"type ="text/css"media ="screen"/> 之间的区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17935302/

相关文章:

javascript - 如何根据单击的父级打开链接 Jquery

javascript - 在 JQuery 中将代码应用于其父 div 的内部元素单击问题

jquery - 3 个备用 li 的独立样式

html - Div 不会保持自动居中

html - 为什么 Internet Explorer 只是在我的 CSS 中间停止解析?

html - 如何显示水平滚动条

html - Bootstrap 3 div 自动宽度不是父 div 的 100%

html - DocType 导致 CSS 无法识别

html - 在没有表格的情况下以表格样式显示段落

html - 包含选中复选框的 div 之后的 ul 的 css 选择器