相关疑难解决方法(0)

CSS中的@import和链接之间的区别

我正在学习一些CSS来调整我的项目模板.我遇到了这个问题,并没有在网上找到明确的答案.在CSS中使用@import或链接有区别吗？

使用@import

<style>@import url(Path To stylesheet.css)</style>

Run Code Online (Sandbox Code Playgroud)

使用链接

<link rel="stylesheet" href="Path To stylesheet.css">

Run Code Online (Sandbox Code Playgroud)

最好的方法是什么？为什么？谢谢!

css import hyperlink

Oma*_*bid

2018 03-14

108
推荐指数

4
解决办法

4万
查看次数

如何在React.js中使用Google字体？

我用React.js和webpack构建了一个网站.

我想在网页中使用Google字体,因此我将链接放在该部分中.

谷歌字体

<link href="https://fonts.googleapis.com/css?family=Bungee+Inline" rel="stylesheet">

Run Code Online (Sandbox Code Playgroud)

并设置CSS

body{
    font-family: 'Bungee Inline', cursive;
}

Run Code Online (Sandbox Code Playgroud)

但是,它不起作用.

我怎么解决这个问题？

google-font-api reactjs webpack

Kev*_*iao

2018 08-31

76
推荐指数

11
解决办法

7万
查看次数

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

为什么@import不建议链接css？@import与浏览器有什么不兼容之所以@import做不了什么可以做<link>？

什么<Link>使它成为可取的？是否有任何专业@import有用？

我们应该一直使用<link>吗？

html css xhtml cross-browser

Jit*_*yas

lucky-day

18
推荐指数

2
解决办法

3654
查看次数

如何在不使用JavaScript的情况下异步加载CSS？

假设我有一个网站http://somethingsomething.com

我有3个css文件

common.css
homepage.css
内pages.css

homepage.css主页需要,并且common.css是整个网站,但是inner-pages.css仅用于其他页面,是大文件.inner-pages.css主页数据下载后是否可以加载.就像我们使用标签async属性一样script.据我所知, async属性仅适用于JS而不是CSS

我的一个朋友建议在这个http://requirejs.org/docs/faq-advanced.html#css上使用requirejs,但是我不想用javascript加载css,甚至我会想到JS方式我不会用require.js就是为了这个.所以,如果只有CSS不可能.什么是简单的JS方法来做到这一点？

css performance

Jit*_*yas

2013 11-07

16
推荐指数

2
解决办法

4万
查看次数

@import或<link>用于导入样式表？

哪种方法最适合导入多个样式表？一种方法比另一种更有效吗？

css import stylesheet

Chr*_*itz

2011 09-13

13
推荐指数

1
解决办法

3392
查看次数

使用@import声明是不好的做法？

可能重复:
CSS中的@import和链接之间的差异

我读过CSS @import作为一种不好的做法,并且想知道我正在使用的方法.

我目前正在使用WordPress构建一个网站,它通过链接引用导入每个插件的样式表,主样式表以相同的方式链接,但是,主样式表目前包含几个@import声明,我相信我应该进入标题或者进入他们所使用的适当页面(其中两个仅用于某些页面).

我的担忧是否合理,使用这些@import声明会产生什么影响？

css

Jac*_*ack

2017 05-23

6
推荐指数

1
解决办法

4924
查看次数

CSS:@import vs. <link href ="">

好的,我已经听说过如何优化网站加载速度的百万种方式:HTTP请求越少越好(这就是图像精灵诞生的原因); 仅注入一页专门需要的JavaScript文件.尽可能使用CSS进行视觉增强,然后考虑SVG图形~~(虽然这个仍然有争议)~~ ; 压缩您的CSS和JavaScript文件以及HTML标记; 将您的脚本整合到一个文件中(再次返回更少的HTTP请求); gzip你的资产; 等等

但今天我在网站上发现了这条评论:

"既然我们关心Web开发最佳实践,我们就不再在项目中使用@import规则了."

澄清一下,我的问题不是关于以下两者之间的区别:

<link rel="stylesheet" href="file.css"> 与 <style type="text/css">@import url("styles.css");</style>

将此添加到您的HTML文档之间的区别是:<link rel="stylesheet" href="file.css">将此@import url("styles.css")INSIDE 添加到您的主CSS文件中.

那么,从HTML加载CSS文件到从另一个CSS文件加载文件之间的区别是什么？

我的意思是,HTTP请求仍然存在,它们只是来自不同的位置.

我读过Steve Souders' 不要使用@import文章,以及About.com的文章@import和CSS链接有什么区别？,但他们比较我上面提到的我没有提到的方法,所以我不清楚为什么不使用@import.

顺便说一句,我不关心Netscape 4或IE6(感谢上帝,我现在可以说)或IE7和FOUC.

提前致谢.

css

Ric*_*Zea

2015 02-22

6
推荐指数

1
解决办法

6622
查看次数

将font-awesome正确添加到gulp项目

如何在新的gulp-scss-bootstrap项目中添加和使用超棒的字体？什么是清洁正确的方法？谢谢。

sass font-awesome gulp bootstrap-4

Ann*_*nna

lucky-day

2
推荐指数

1
解决办法

4650
查看次数

作用域 CSS 不起作用并且样式会泄露

我有一个名为“stylesheet.css”的 CSS 文件

p {
    margin: 0%;
    font-family: cursive;
    font-size: 1cm;
}

h1 {
   font-family: sans-serif;
}

Run Code Online (Sandbox Code Playgroud)

我在同一文件夹中有一个 html 文件

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Test</title>
    </head>
    <body>
        <p>Test</p>
        <h1>Test</h1>

        <div>
            <style scoped>
                @import "stylesheet.css";
            </style>
            <p>Test (Supposed to be bigger and different font)</p>
            <h1>Test (Should have a different font)</h1>
        </div>
    </body>
</html>

Run Code Online (Sandbox Code Playgroud)

但由于某种原因，我在 div 的作用域样式标签中导入的样式规则泄漏到了正文并设置了上面 p 标签的样式：