为什么不建议@import链接css?

2023-12-31

Why @import不建议链接css?什么@import不能做哪些可以做<link>@import 与浏览器有任何不兼容吗?

What in <Link>使其可取?还有有没有什么专业@import哪个有用?

我们应该总是、总是使用<link>?


这是一篇文章的链接,该文章讨论了性能和<link> vs @import : 不要使用@import http://www.stevesouders.com/blog/2009/04/09/dont-use-import/;引用其中的一小部分:

use LINK代替@import如果你 想要样式表下载 并行会产生更快的页面。

没那么旧(这是从 2009 年 4 月开始的——即不到一年前),所以它应该基本上是正确的——它是由 Steve Souders 写的,他的名字在前端性能方面相当出名。


从更主观的角度来看,我更喜欢使用几个<link>从我的主 HTML 文件中:这样,我可以快速浏览一下 css 文件的名称——要么查看服务器上的模板文件,要么查看客户端生成的 HTML 源。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

为什么不建议@import链接css? 的相关文章

  • chrome 中选择选项元素的额外填充

    我有一个选择元素 用户可以在其中选择分类和描述 仅在 Chrome 浏览器中 我有一个额外的填充 无法使用 padding 0 或其他 css 标签删除它 Chrome 的屏幕 https i stack imgur com m3iIb p
  • jQuery 变量在定义时声称它是未定义的

    我试图在同一页面上有两个自动填充文本框 一个用于手机型号 input1 一个用于固件 input2 当两者都填充时 我希望显示一个带有ID input1input2 的div 但是当在input1 中输入值时 它声称phone 的变量未定义
  • 无法在jspdf中加载多个图像

    我正在尝试加载动态生成的多个图像 我想将这些图像转换为 PDF 格式 HTML 代码如下
  • Bootstrap 5 是否删除了行之间的间距?

    我开始使用 bootstrap 5 并注意到行之间没有空格 我们是否必须明确使用spacing https getbootstrap com docs 5 0 utilities spacing 实用程序喜欢mb 3 or mb 2等等试图
  • 编辑类名中带有空格的元素的 css 样式

    我正在创建一个 tumblr 我必须编写一个外部 CSS 文件 但我在编辑 post 元素的 css 样式时遇到问题 这是它的结构 li class post quote other code li 问题是类名中有空格 我如何创建一个 CS
  • Gmail 无法在电子邮件上正确呈现字体

    我已经建立了一个 html 电子邮件并使用了 Google 字体 我已使用以下方法将字体包含在 head 标签中 if mso endif 并使用字体 即我这样做了
  • CSS3变换:悬停时翻译,带有过渡[重复]

    这个问题在这里已经有答案了 这应该很简单 我的 HTML 中有一堆锚点 如下所示 a href Link 1 a a href Link 2 a a href Link 3 a a href Link 4 a a href Link 5 a
  • 闪亮的应用程序包:css 和所有 www/ 目录内容

    我正在尝试将 Shiny 应用程序转换为 R 包 但我在处理有关 www 目录以及 松散 文件的所有问题时遇到了问题 我闪亮的应用程序运行得很好 但是当我尝试 打包它 时 它不起作用 我闪亮的应用程序目录 my shiny app R ut
  • 如何去掉单词末尾多余的连字符

    我有句话我已经放了 shy 里面 它可以使用连字符 直到我达到足够小的屏幕尺寸 然后它在末尾添加一个额外的连字符 编辑 无法在 jsfiddle 中重现它 因为它似乎对 html 的解释不同 不过我可以展示问题的图片 h3 Flu shy
  • 为什么网格项目不居中?

    由于某种原因 两个输入范围使网格中的前两项偏离中心 我假设这是因为它们的影子 DOM 样式 事实真的是这样吗 有谁知道为什么范围使项目 A 和 B 偏离中心 这是一个代码笔 https codepen io tOkyO1 pen QOeKL
  • 如何强制折断不可折断的字符串?

    我有一个根据数据库中包含的数据生成的 HTML 页面 数据库有时包含浏览器无法分解的长字符串 因为这些字符串不包含可分解的字符 空格 点 逗号等 有没有办法使用 html css 甚至 javascript 来解决这个问题 看到这个link
  • 在流体设计中将元素的宽度调整为其高度的百分比,反之亦然? [复制]

    这个问题在这里已经有答案了 我正在制作响应式设计 无论屏幕尺寸是什么 它都必须保持其元素的比例 高度与宽度 所以我不知道任何元素的像素大小 并且我只能以 工作 我可以将宽度或高度设置为浏览器大小的百分比 但我不知道如何设置其他属性值 仅使用
  • 如何覆盖 bootstrap 表 td 样式?

    我正在使用 Bootstrap 3 3我有一个 HTML 代码如下 div table class table table striped tr td 03 td td 04 td td 05 td td 06 td td 07 td td
  • R Shinydashboard 自定义 CSS 到 valueBox

    我一直在尝试将 valueBox 的颜色更改为自定义颜色 超出 validColors 中可用的颜色 但一直无法这样做 我知道有一种方法可以使用标签来包含自定义 CSS 但是我无法将它们放在正确的位置 ui lt dashboardPage
  • 如何在php中使用一张图像绘制形状

    我需要使用图像的一部分来创建帧图像 例如 用户将从后端上传图像片段 现在我需要根据前端用户的要求在前端创建一个框架 用户将选择框架的高度和宽度 然后他将选择该图像片段 如下所示 我没有办法做到这一点 我尝试通过 css 和 html can
  • 宽度:适合内容;在 Chrome 上工作,但在资源管理器上不工作

    我构建了一个应用程序 所有内容都在 Chrome 中完美显示 但如果我在 Windows 资源管理器中打开该应用程序 容器会比应有的小 我在用着width fit content 这是只适用于 Chrome 的东西吗 我怎样才能使其适用于所
  • 使用 CSS 覆盖透明 div 中的不透明文本

    我试图使透明 div 内的文本没有不透明度 也就是全黑 div style background 3cc p style background 000 This text should be all black p div 只用 CSS 就
  • 水平对齐输入字段

    我正在尝试获取一个输入字段 并且它与同一水平线上的关联提交按钮相关 但事实证明这是一个挑战 这是我的代码
  • 如何:带有 onclick 的 div 位于另一个带有 onclick 的 div 中

    只是一个简单的问题 我遇到了 div 与 onclick javascript 之间的问题 当我点击内部 div 时 它应该只触发它的 onclick javascript 但外部 div 的 javascript 也会被触发 用户如何点击
  • AngularJS 在指令运行之前通过 AJAX 检索数据

    我正在使用 AngularUIuiMap http angular ui github com directives map实例化谷歌地图的指令 uiMap 指令非常适合处理硬编码数据 mapOptions and myMarkers 但是

随机推荐

  • knockout.js 真的采用了 MVVM 模式吗?

    我是 knockout js 的新手 不久前我读到了 ko 的标题特征 我不明白ko真的是MVVVM吗 因为他们谈论的只是数据绑定及其易用性 但我确信 MVVM 不仅仅是数据绑定 不是吗 是的 knockout js 确实应用了 MVVM
  • 如何使用 sqlalchemy 在 Docker 中访问 postgresql?

    我正在尝试使用 SQLAlchemy 与 dockerized PostgreSQL 服务器交互 就像是 engine create engine postgresql user user password localhost 5432 d
  • 如何在RTL中使用时钟门控?

    我正在对一些时钟进行门控latch以及我设计中的逻辑 我在综合和布局布线方面没有太多经验 在 RTL 中实现时钟门控的正确方法是什么 示例1 always comb begin gated clk clk latch update en e
  • 如何使用 connect w/ Redux 从 this.props 获得简单的调度?

    我有一个简单的 React 组件 可以连接 映射一个简单的数组 状态 为了避免引用商店的上下文 我想要一种直接从道具获取 调度 的方法 我见过其他人使用这种方法 但由于某种原因无法使用它 以下是我当前使用的每个 npm 依赖项的版本 rea
  • 在表单提交时,从 javascript 发送带有表单值的 mailto

    我有一个表单 当提交表单 输入类型 提交 时 我想使用预先填充的电子邮件消息打开客户端默认邮件浏览器 因此 当用户单击提交时 需要发生两件事 打开电子邮件并提交表格 另外 如何使用表单中输入的值来预填充电子邮件 我是 javascript
  • 找不到创建 iOS 应用程序开发证书的选项 [关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 请参阅此图片 iOS 应用程序开发选项已禁用 我如何启用它 您需要成为团队代理或管理员才能创建开发证书 Source https deve
  • C++ 错误:与“operator=”不匹配

    给数组赋值时遇到问题 我创建了一个名为Treasury 我创建了另一个类TradingBook我想包含一个全局数组Treasury可以从所有方法访问TradingBook 这是我的 TradingBook 和 Treasury 的头文件 c
  • 如何将数据传输到另一个页面

    海 我有一个包含 150 个控件的 ASP NET 页面 我想将这些控件的数据传输到另一个 ASP NET 页面 什么方法最适合这项任务 控制数量可能会增加 提前致谢 有很多方法 使用查询字符串 可能不适用于您的情况 仅适用于传输少量数据
  • 引用 IBM.Data.DB2 中的代码使得该程序集对我的解决方案的其余部分不可用

    我有一个包含三个程序集的 C 控制台应用程序 Main Common and Utilities 在一个文件中Main集会 Main cs 我有一行 using Utilities 在目录内Common程序集 我有DLLIBM Data D
  • 从 pmdarima 导入 auto_arima 时:错误:无法从 'scipy.misc' 导入名称 'factorial'

    我有 python 3 7 1 和 scipy 版本 1 3 0 我在调用 auto arima 时遇到错误 无法从 scipy misc 导入名称 factorial 只是这个基本的导入导致了问题 从 pmdarima arima 导入
  • Angular2 CLI:为什么“--prod”的包大小小于“--prod --aot”?

    我正在为一个项目使用最新的 angular cli beta 18 我知道 cli 仍处于非常早期的阶段 但我很困惑为什么我的最终包大小实际上更小without AoT 当我跑步时ng build prod 为 1 08 MB Asset
  • 将命令发送到现有 MATLAB IDE 命令窗口

    打开 MATLAB IDE 后 我们是否仍然可以从另一个进程写入其命令窗口 在 Windows 中 我们可以使用 MATLAB Engine API 附加到现有的 MATLAB 但这在 Linux Mac 中不起作用 Linux 下我们有什
  • 在 AngularJS 的 ionic 框架中使用 ui-router

    我正在开发一个使用离子框架的应用程序 这又使用了 ui router 目前 我有一个非常基本的两页应用程序 然而 它会扩大到更大 此时 当我从第一个视图转换到第二个视图时出现错误 错误说 TypeError Cannot read prop
  • 如何解决 Media type=multipart/form-data 错误未找到 MessageBodyWriter

    如何为简单的多表单帖子配置提供程序 任何建议 指示将不胜感激 堆栈跟踪 org glassfish jersey message internal MessageBodyProviderNotFoundException MessageBo
  • 从 ControlTemplate 中的样式 DataTrigger 进行模板绑定

    在下面的 XAML 中 我使用带边框的矩形作为 ToggleButton 的模板 我希望 BorderBrush 具有不同的颜色以反映 ToggleButton IsChecked 的变化值 不幸的是 我在这里尝试在 DataTrigger
  • pcap 纳秒 Python

    有没有办法使用现有的 python 库从 pcap 中获取纳秒 我有一个纳秒 pcap 文件 可以与 Wireshark 配合使用 但与 Python 配合使用效果很好库甚至不会导入该文件 此功能确实存在于 c libpcap 中 请参阅
  • YouTube v3 API 对于有效请求返回状态代码 400

    目前 我正在尝试使用 OAuth 对 YouTube API 执行看似简单的请求 我可以使用评论端点成功请求评论列表 但是 当尝试删除评论或设置其审核状态时 就会出现此问题 在审核状态更新的情况下 我将向以下地址执行 POST 当然使用有效
  • Swing 渲染器在列中显示完整文本会创建无限循环

    我想渲染一个摆动表 根据列中显示的文本量来调整行的高度 以便所有文本都显示在单元格中 问题是 当我设置行的高度时 会创建无限循环 我该如何解决呢 这是我的渲染器 final class RenderTextAreaMessage exten
  • 会话超时时调用 Ajax

    所有 如果在会话超时时进行 ajax 调用 我会尝试重定向到登录页面 这是我到目前为止所做的 为所有操作定义一个操作过滤器 public class AuthenticateFilterAttribute ActionFilterAttri
  • 为什么不建议@import链接css?

    Why import不建议链接css 什么 import不能做哪些可以做 import 与浏览器有任何不兼容吗 What in 使其可取 还有有没有什么专业 import哪个有用 我们应该总是 总是使用 这是一篇文章的链接 该文章讨论了性能