相关疑难解决方法(0)

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

使用@import

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

使用链接

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

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

首先我知道标题说这是一个重复的问题,在这里,这里和这里问.我在这个主题上读到的所有内容都已超过两年了.那个时期有很多变化,所以同样的想法仍然可取吗？

这是一个例子,我在样式表中使用@import来引入我的重置CSS和其他几个样式.我应该改变,从@import到<link>？根据这篇文章,我应该使用链接.所以我问其他开发者,到目前为止最真实的方式是什么(2011年8月25日)

我正在使用谷歌Roboto和Roboto Sanswebfonts.阅读Google Developers Doc,有一种方法只能嵌入整个webfont的某些字母?text=customletters.

我已经生成了这两个嵌入链接:

<!-- whole roboto font -->
<link href='https://fonts.googleapis.com/css?family=Roboto:400,500,700' rel='stylesheet' type='text/css'>
<!-- only custom letters of roboto slab using text?= -->
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,700?text=I%20am%20an%20example' rel='stylesheet' type='text/css'>

1)这对我在野生动物园中不起作用.我的代码有问题吗？

2)虽然,有没有办法将这两行组合起来,以避免在每个页面加载时向另一台服务器发出两个请求？

3)最后和最不重要的是,嵌入@import和link href嵌入方式是否会对性能产生任何影响？

JSFIDDLE DEMO