`
conkeyn
  • 浏览: 1522818 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

第1章 CSS和文档局 => @import指令

    博客分类:
  • CSS
阅读更多

与link类似,.@import用于指示WEB浏览器加载一个外部样式表,并在表现HTML文档时使用其样式。唯一的区别在于命令的具体语法和位置。@import出现在style容器中,它必须放在这里,也就是要放在其他CSS规则之前,否则根本起不了作用。

<style type="text/css">

@import url(styles.css);

h1 {color:gray;}

</style>

@import指令还可以是多个,也可以限制所导入的样式表应用于一种或多种媒体,可以在样式表的URL之后列表要应用此样式的媒体。

@import指令可以加载绝对路径的URL,也可以加载相对路径的URL。


@import url(http://example.org/library/sheet2.css) all;

@import url(blueworld.css) screen;

@import url(zany.css) projection,print;


分享到:
评论

相关推荐

    关于css @import url()总结

    关于CSS中的`@import url()`,这是一个用于引入外部样式表的指令,它的使用与`&lt;link&gt;`标签在某些方面有所不同,且存在一定的兼容性和性能差异。以下是对`@import url()`进行的详细总结: 1. **加载机制**: `@...

    IE对CSS样式的数量和大小是有限制的

    文档中只有前31个link或style标记关联的CSS能够应用。 从第32个开始,其标记关联的CSS都将失效。IE的官方文档All style tags after the first 30 style tags on an ... ◆ 一个css文件只有前31次@import指令有

    XML应用开发(软件品牌)-1期 第4单元 单元案例-使用CSS美化图书馆藏书信息的XML文档.doc

    CSS文档通过`&lt;?xml-stylesheet type="text/css" href="bookFramework.css"?&gt;`指令链接到外部的CSS文件。CSS文件采用框架结构,将不同的样式属性如文本、容器、布局等分门别类地存储在不同的CSS文件中,然后使用`@...

    XML应用开发(软件品牌)-1期 第4单元 单元设计-使用CSS显示XML文档.doc

    例如,会引导学生编写简单的CSS文件,并通过内部引用、外部引用和@import指令这三种方式来应用CSS显示网上订单的XML数据。同时,通过练习设置文本属性和容器属性,来展示电影信息,包括电影名称、导演和出品公司等。...

    CSS权威指南1

    在第一章中,主要讲解了CSS的基础概念,包括替换元素与非替换元素、元素的显示角色以及样式表的引入方式。 首先,替换元素与非替换元素是CSS布局中的核心概念。替换元素如`&lt;img&gt;`和`&lt;input&gt;`,它们的外观由其内部...

    XML应用开发(软件品牌)-1期 第4单元 单元测试卷-使用CSS显示XML文档.doc

    - 在CSS中,可以使用 `@import` 指令引用外部的样式单,这样可以将多个样式表合并,实现样式复用和继承。 - `background-color` 属性用来设置元素的背景颜色。 【CSS基础知识】 - `display` 属性控制元素的显示方式...

    CSS学习之一 CSS样式引入方法

    另外,`@import`是CSS中引入外部样式表的一种方式,它需要放在`&lt;style&gt;`元素内部且位于所有其他CSS规则之前。例如: ```html &lt;style type="text/css"&gt; @import url(style2.css); /* ...其他CSS规则... */ &lt;/style&gt;...

    CSS教程CSS教程CSS教程CSS教程

    3. **导入方式**:通过`@import`指令引入外部CSS文件,如`@import url(css_3.css);`。若导入的样式与页面内定义的冲突,页面内的样式优先。 4. **链接方式**:使用`&lt;link&gt;`标签链接外部CSS文件,如`&lt;link rel=...

    Div+CSS规则整理.pdf

    3. `@import`指令:在`&lt;style&gt;`标签中使用`@import`导入外部样式表,如`@import url('a.css')`。建议放在所有其他CSS规则之前,并包裹在HTML注释中以隐藏于浏览器。 4. 内联样式:直接在HTML元素中使用`style`属性...

    IE 5 6 7 8 9 对CSS的不同支持

    IE6是第一个完全符合CSS级别1标准的版本,而IE8则符合CSS2.1规范,并支持部分CSS3特性。IE9 Beta版增加了对更多CSS3模块的支持,但需要注意的是,由于CSS3的一些模块还在草案阶段,可能会有重大变化。 对于开发者来...

    IE对CSS样式表的限制分析与解决方案

    - 遍历所有的&lt;style&gt;元素,将它们的样式规则存入数组,然后删除这些&lt;style&gt;元素,但保留第一个,因为getElementsByTagName方法返回的是nodeList,所以删除时要使用倒序遍历。 通过这些方法,开发者可以有效地绕过IE...

    XML实用大全

    9&lt;br&gt;第1章 XML概览... 9&lt;br&gt;1.1 什么是XML. 10&lt;br&gt;1.1.1 XML是元标记语言... 10&lt;br&gt;1.1.2 XML描述的是结构和语义,而不是格式化... 10&lt;br&gt;1.2 为什么开发人员对XML感到激动... 13&lt;br&gt;1.2.1 设计与特定领域有关的...

    Css学习笔记

    伪元素和伪类选择器允许我们为文档树之外的信息赋予样式,例如`:first-child`选取第一个子元素,`:hover`表示鼠标悬停状态,`:before`和`:after`则可在元素前后插入内容。对于列表样式,可以通过定义`list-style`...

    用CSS建设网站的实例

    教程中的HTML模板是一个基本的文档结构,包括文档类型声明、元数据(如字符集、标题、描述和关键词)以及导入CSS样式表的指令。模板的目的是为后续的CSS布局提供一个骨架。 ```html &lt;!DOCTYPE ...

    xml实用大全和轻松学习手册和无废话xml

    第3章 第一个XML文档 34 3.1 Hello XML 34 3.1.1 创建一个简单的XML文档 34 3.1.2 保存XML文件 35 3.1.3 将XML文件装入Web浏览器 35 .2 考察简单的XML文档 37 3.3 赋于XML标记以意义 39 .4 为XML文档编写样式单 40 ....

    HTML-无分支流程图快速生成

    this.steps.split('\n').forEach(step =&gt; { draw.text(x, y, step).addClass('step'); y += 60; // 调整Y轴间距 }); } }; ``` 以上代码中,我们用SVG.js创建了一个SVG画布,并在每个步骤上添加了文本元素。`...

    鼠标悬浮(hover)时显示提示框的效果示例.pdf

    1. **定义数据属性**:在Vue组件的数据属性中定义一个变量(例如`showTooltip`),用于控制提示框的显示状态。 2. **绑定事件**:使用`@mouseenter`和`@mouseleave`事件监听器分别在鼠标进入和离开元素时切换`show...

Global site tag (gtag.js) - Google Analytics