首页 > 教程 > 关键词 > 区别最新资讯 > 正文

CSS技巧:import与link的具体区别

2009-04-16 17:28 · 稿源:网页教学网

我们知道在网页中引用外部CSS有两种方式,即:@import与link,我们也经常听到有人说要使用link来引入CSS更好,但是你知道为什么吗?

link

link就是把外部CSS与网页连接起来,具体形式

@import

import文字上与link的区别就是它可以把在一个CSS文件中引入其它几个CSS文件,具体形式

为什么使用@import

大部分使用@import方式的人是因为旧的浏览器是不支持@import方式的,这意味着我们可以使用@import来引入只让现代浏览器解析的CSS样式.

使用以下代码可以使IE6及以下的浏览器无法解析该CSS(IE6以下的属于年久失修在这里略去方法)

@import url(../style.css) screen;另一个主要的原因就是当你的网页需要引入几个外部CSS文件时.你可以使用link引入一个CSS,然后在这个CSS文件中用@import方式引入其它几个CSS文件.这样看起来更容易管理.

为什么使用link

使用link方式一个最主要的原因就是你可以让用户切换CSS样式.现代浏览器如Firefox,Opera,Safari都支持rel=”alternate stylesheet”属性(即可在浏览器上选择不同的风格),当然你还可以使用Javascript使得IE也支持用户更换样式.

如不明白,请进入这个页面,然后在Firefox中点击”查看-页面风格”.

@import的小毛病

如果你网页head标签里面十分简单,只有@import属性的话,当用户浏览的网速较慢时,他会看到一个没有风格样式的页面,然后随着CSS文件被下载完成才可以看到应有的风格.要避免这样的问题,你需要确保head里至少有一个script或是link标签.

04-11更新: @import会使得CSS整体载入时间变长.并且在IE中会导致文件下载次序被更改,例如放置在@import后面的script文件会在CSS之前被下载.

详情请参考http://www.stevesouders.com/blog/2009/04/09/dont-use-import/

到底要用那种方式

就目前看来小型的网站还是使用link比较合适(或者说比较流行),当然如果将来我们需要把CSS进行模块化管理也肯定要用到@import.

  • 相关推荐
  • 大家在看
  • Salesforce体验不佳?LinkWAN助力企业优化访问

    近日,全球最大的CRM服务商、SaaS云服务的代表Salesforce市值一度达到了 1791 亿美元。首次超过了曾经的全球第二大软件公司甲骨文(Oracle)。这是一场SaaS之王和传统软件的旧霸主的交锋,意义不言自明。Salesforce是客户关系管理(CRM)软件的全球领导者,于 2000 年首推CRM革新理念,并将其服务扩展到新的领域和行业,引入了新功能和平台功能,其创新式云平台已成为世界首屈一指的CRM解决方案。Salesforce在中国也逐渐拥有了超过 10

  • 欧科云链OKLink:区块链基建时代,你需要一个浏览器

    很多人说区块链现在和90年代的互联网相似,泡沫和机遇并行。那么区块链破解“妖魔化”迷局的第一步,也与互联网是一致的,即各类区块链应用开始被人们所使用。1、区块链破解“妖魔化”第一步:实现应用区块链与互联网的相似,不仅是在时代趋势上,更多的还有发展轨迹。它想破解“妖魔化”,首先要实现应用。互联网蛮荒年代,第一批学会上网的人接触最多的是万维网,很多人认为它是早期互联网的全部。事实上,万维网不过是一个基于?

  • 欧科云链OKLink:点燃DeFi的“流动性挖矿” 有多少泡沫?

    凭借着“流动性挖矿”的模式,Compound推出后仅 5 天,交易量迅速名列DeFi代币前茅;在“3. 12 黑天鹅”事件下,它的治理代币COMP上线即翻了一番。彼时,“流动性挖矿”概念起飞。从不温不火到成为万众瞩目的模式,“流动性挖矿”只用了不到一个月。据欧科云链OKLink数据统计,在 20 天内Compound借力“流动性挖矿”将借贷量增加 10 倍,锁仓市值一度超过DeFi榜首MakerDao,成为本年度最热门的项目。这种蹿红速度,无论在传统商业?

  • 推特史诗级漏洞 欧科云链OKLink带你追溯被骗的比特币

    北京时间 2020 年 7 月 16 日凌晨三点左右,推特上多位大V账户遭到黑客入侵,这些账号包括比尔·盖茨、特斯拉 CEO 马斯克、前美国副总统拜登和苹果公司官方推特等。有趣的是,这些被黑客入侵的账户全部都在推特上发布了同一条比特币钓鱼信息,“为了回馈大家,只要大家向比特币地址(bc1qxy2kgdygjrsqtzq2n0yrf2493p83kkfjhx0wlh)发送比特币,就会得到双倍回报,该活动只进行 30 分钟。”据欧科云链 OKLink 浏览器显示,黑客的交易?

  • 网银互联LinkWAN:以SD-WAN技术助力“云端”广交会

    创办于 1957 年广交会是新中国对外开放的第一扇窗口,被誉为中国对外贸易的“晴雨表”和“风向标”。今年为应对新冠肺炎疫情全球蔓延的严峻形势,第 127 届广交会首次在网上举办,获得极大的关注度。来自全球的近2. 6 万家参展企业参与这场国际贸易的盛会,借助互联网的力量,为自己的企业和产品拓展更大的市场。李克强总理曾在人民大会堂公开露面,通过视频连线的方式出席广交会“云开幕”仪式,进行了一次“云巡展”。然而,为什

  • 马斯克暗示:脑机接口公司Neuralink将有新进展

    7月31日消息,据国外媒体报道,特斯拉CEO埃隆·马斯克(Elon Musk)暗示,他创立的脑机接口公司Neuralink将有新进展。本月上旬,马斯克曾在推特上表示,Neuralink将于8月28日公布其最新进展。据悉,该公司将在当天的活动上介绍工程师们在开发最先进的神经学技术方面的最新进展。马斯克表示,借助Neuralink技术,人类大脑可以克服阿尔茨海默症、中风和其他疾病等问题。此外,肢体功能的丧失、视力和听力问题,以及人类?

  • 欧科云链OKLink行业观察:DeFi情绪升温 为何仍不受传统VC青睐?

    近日,DeFi在贷余额突破10亿,总锁仓量逾24亿美元,市场情绪持续升温。站在风口的DeFi到底是什么?强势走高的去中心化借贷如何运作?其创新和痛点是什么?为什么曾经热炒公链、关注金融科技(Fintech)的VC们对它态度冷淡?DeFi是去中心化金融(decentralized finance)的缩写,又称为“分布式金融”或“开放金融”,它实际上是指在没有中心化实体——银行、互联网借贷平台等的情况下,基于去中心化协议让世界上任何人都可以随时随地进行金融活动

  • 欧科云链OKLink姜孜龙:DeFi给市场带来的思考是,支持科技创新的同时亟需设置监管尺度

    7 月 5 日,由杭州市余杭区政府指导,杭州未来科技城管委员、巴比特主办的“ 2020 杭州区块链国际周”在杭州举办。欧科云链OKLink商务负责人姜孜龙出席并做分享。他在会上指出,比特币区块奖励减半后,机构资本入场参与挖矿,与挖矿相关的金融产品会逐渐丰富,专业人士与散户机会并存,但矿圈的门槛会相继提高,两个市场或愈加分化。他表示:“我们通过观察OKLink提供的链上数据发现,比特币区块奖励减半后,打破了之前的一个动态?

  • 「苹果小程序」App Clips 和微信小程序区别在哪?我们做了一次上手实操

    在 2020 年的 WWDC 大会中,自 iOS 7 以来变动最大的一次更新——iOS 14 来了,AirPods Pro 有了黑科技,ARM Mac 也来了。但对小程序开发者来说,他们最关心的应该还是此次 WWDC 发布的 App Clips 了。

  • 华尔街英语Jessie Liang:我希望将“成功”的力量传递给更多人

    近期,华尔街英语一年一度的演讲比赛正在如火如荼地展开。在华尔街英语北京赛区,一名来自东直门学习中心的华尔街英语学员受到了大家的关注。她叫Jessie Liang,是一名90后的爱笑女生,她的笑容感染鼓励着校区的学生们。本次华尔街英语年度演讲比赛的主题是“成功”,要求参赛者以此为主题结合自身经历进行3-5分钟的英语演讲。每位参赛者“成功”的故事和经历大不相同,选手们自信、热情的演讲让在场的学生们备受鼓舞,“成功”这?

  • 马斯克:将在8月28日发布“脑机接口”公司Neuralink进展情况

    据彭博社报道,特斯拉CEO埃隆·马斯克表示,将会在 8 月 28 日发布“脑机接口”研究公司Neuralink的进展情况。

  • 超猎都市服务器连接失败怎么办?Golink免费加速器全程助力

    “大逃杀”类型游戏近年来可谓是掌控了游戏圈内,不管是新老IP多少粘上一点吃鸡元素的特殊模式都会掀起一波小热度,就像魂系游戏支配动作游戏一样大逃杀类型游戏也是渗透了各种类型的设计游戏当中。这么一波热度育碧作为圈内大佬怎么会错过呢,近日旗下最新免费吃鸡大作《超猎都市》也是开启了测试阶段,融入赛博朋克的吃鸡游戏更是十足的拿捏了玩家们的胃口。不过很多玩家在体验本作时经常会遇到游戏服务器连接失败的问题,不用担

  • Linkflow作为优秀数据驱动类产品经典案例入选艾瑞咨询最新研究报告

    数字经济时代催生了以大数据为代表的新型生产要素,数据驱动强调以数据作为关键生产要素,是企业数字化转型的主线。近期,艾瑞咨询发布了《中国数据驱动型企业成长路径研究报告》,深入分析数据驱动型企业的成长路径、应用场景和未来趋势,指导企业如何利用海量、多维度的数据建立起更加全面的评估体系,创造业务增长。在企业经营管理的各个环节中,营销场景具有贴近客户、和外部互动频繁的特点。随着企业与客户之间的数据触点不断

  • Linkflow CDP白皮书重磅发布,全面解读2020营销技术新风向

    2018以来,互联网经济整体增速放缓,流量红利消失,增长停止了,蛋糕突然不够分了,大家纷纷开始找寻流量运营新思路。企业在流量运营的探索上从未止步,CRM、SCRM、DMP、MA都是探索过程中的产物,它们从不同的运营目的、不同的数据类型、不同的触达方式上,帮助企业实现更高效的流量运营。但随着互联网的发展,流量的成本变高了、留存变差了、触点也更多了,面临如此严峻的考验,以往的营销经验和软件都难以很好地支持现阶段的流量

  • 马斯克:将于8月28日公布脑机接口公司Neuralink最新进展

    【TechWeb】7月10日消息,据国外媒体报道,特斯拉CEO埃隆·马斯克(Elon Musk)在推特上表示,他创立的脑机接口公司Neuralink将于8月28日公布其最新进展。Neuralink由马斯克于2016年创立,总部位于旧金山,主要从事马斯克所谓的“神经织网”(neural lace)技术开发,研发电脑与人脑融合技术,向人脑植入也许未来能够上传下载思想的微型电极。该公司旨在开发人脑接口,目的是帮助人类跟上先进的人工智能。此外,该公司还开发定制?

  • 1Password 推出 Linux 版本,后端完全采用 Rust 编写

    1Password 官方本周宣布,将在今年内推出 Linux 版本,现已进入公开预览阶段。这款流行的密码管理软件兼容 Mac、iOS、Windows 和 Android 等多个平台,也能与 Chrome、Edge、Firefox、Safari、Opera 等各类浏览器融合,实现包括自动填充、密码保存与管理在内的功能。但唯独缺少对 Linux 平台的支持。

  • 亚马逊100亿美元卫星互联网项目获批 将与SpaceX的Starlink竞争

    7月31日消息,据国外媒体报道,亚马逊公司已获得美国联邦通信委员会( 简称FCC)批准,将斥资100亿美元建设一个卫星互联网网络,该网络将与太空探索公司SpaceX的卫星互联网项目Starlink(星链)竞争。亚马逊据外媒介绍,亚马逊近地轨道卫星群计划代号为“Project Kuiper”。该项目将由三个不同高度的卫星网络组成,总计约3200个。亚马逊告诉FCC称,计划分五个阶段向三个高度发射卫星,第一批578个卫星进入轨道后,该服务

  • 什么文章会涉嫌侵权?原创和抄袭有哪些区别?

    作为一个提供原创运营知识的自媒体人,我经常思考思考,什么叫做“知识”?伴随着“知识”这个词,有一个近义词叫“经验”,什么又叫做“经验”?

  • 华为和荣耀的区别,相同品质下的不同定位

    华为和荣耀是华为集团旗下的双品牌,华为和荣耀的区别在于不同的定位和设计语言。荣耀诞生于2013年12月16日,坚持与合作伙伴利益共享,以互联网创新的轻资产模式,在2017年突破百亿美金收入,成为中国互联网手机第一品牌。同时,荣耀也在不断扩张线下渠道。2019年,荣耀成为除华为外唯一增长的品牌,线上线下平分,跻身中国全渠道TOP4。2020年,荣耀宣布要向TOP2发起冲击。一母同源,相同品质荣耀和华为同为华为集团旗下的消费者品

  • Linkflow荣获2020第八届TopDigital创新营销工具奖

    近日,Linkflow低代码客户数据中台(CDP)与200余件营销工具同台PK,经过近百位行业领袖、高校教授、资深媒体人的共同评审,最终荣获“2020第八届TopDigital创新营销工具奖”。图片来源:Topdigital Linkflow的产品理念 从2011年起,Linkflow创始人&CEO盛马丁就带领团队开始研究数字营销领域。之所以研究数字营销是因为盛马丁在SAP从事行业模板工作时,就敏锐地感觉到把一个公司的成功经验复制到其它公司的方式越来越不可取,因为

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议
  • 热门标签