网站首页 > 网络编程 > html 正文
CSS的@import的用法:
@import在很多页面都有应用,不过使用的频率还是比link标签要少的多,所以可能还有很多布局者对此不是太熟悉,下面就简单介绍一下它的用法。它是用来引入外部样式表的一种方式,格式有以下两种:
@import "style.css"; @import url("style.css");
@import既可以为页面引入外部样式表,也可以在一个样式表中引入另一个样式表,代码实例如下:
实例一:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http:www.sanye.cx/" /> <title>三叶资源网</title> <style type="text/css">@import "mytest/div+css/mytest.css";</style> </head> <body> <div id="mytest">三叶资源网</div> </body> </html>
以上代码通过@import为网页引入了外部样式表,将字体颜色设置为红色。
实例二:
@import也可以在一个样式文件中引入其他样式文件,比如一个网站的代码量比较大,CSS样式表文件也比较庞大,就可以使用此方法把不同功能模块的样式代码放入各自样式表中,然后再通过@import引入到一个主样式表中。
@charset "utf-8"; /* CSS Document */ @import url("one.css"); @import url("two.css"); @import url("three.css");
注意:不过最好不要使用@import,因为使用它加载的样式文件会等到页面都加载完成再被加载,这样可能会导致页面浏览出现问题,建议使用标签替代,可以参阅CSS的link和@import的区别一章节。
- 上一篇: html的命名规范
- 下一篇: 说一下对SEO的理解
猜你喜欢
- 2022-06-27 Html常用单词(htmlcss常用单词)
- 2022-06-27 HTML基本标记的使用方法(html中的标记)
- 2022-06-27 超大型集群第六篇(HTTP协议)(http协议系列1)
- 2022-06-27 html常用代码大全(html的基本代码)
- 2022-06-27 HTML学习笔记(html教学)
- 2022-06-27 HTML个人笔记(html个人博客)
- 2022-06-27 1. 「Web前端开发」-1-什么是HTML(1+web前端初级)
- 2022-06-27 记录:学习html(一):概念(html笔记)
- 2022-06-27 HTML语言简介(html基本语言)
- 2022-06-27 HTML基础入门教程,web前端初学者速成必备(web前端怎么入门)
你 发表评论:
欢迎- 百度站内搜索
- 关注微信公众号
- 网站分类
-
- 网站公告
- 电子书书籍
- 程序员工具箱
- 编程工具
- 易语言相关
- 网络相关源码
- 图形图像源码
- 系统工具源码
- 易语言模块源码
- 易语言支持库
- 数据库类源码
- 易语言例程
- 易语言游戏开发
- 易语言模块
- 多媒体类源码
- 易语言资源网
- 易语言视频教程
- JS分析教程
- 易语言图文教程
- 易语言常见问题及笔记
- 工具源码
- 易语言版本
- 网络编程
- javascript
- PHP编程
- html
- 正则表达式
- 面试题
- nodejs
- 其它综合
- 脚本专栏
- python
- 按键精灵相关
- 按键精灵图文教程
- 按键精灵视频教程
- 按键精灵Q语言
- 按键精灵安卓版
- golang
- 游戏安全
- 火山相关
- 火山安卓软件
- 火山常见问题及笔记
- 火山安卓源码
- 火山视频教程
- 火山PC版本下载
- 火山PC视窗例程
- 互联网那些事
- 引流推广
- 项目揭秘
- 网络营销
- 营销软件
- QQ营销软件
- 娱乐软件
- 机器人插件
- 培训教程
- 技术教程
- 活动线报
- 数据库
- Redis
- Access
- MongoDB
- Mysql
- 问答
- 其它
- 易语言
- 需求
- 在线教程
- 多线程培训班
- 觅风易语言教程
- 模拟系列教程
- 集中营易语言教程
- 历史数据
- 随机tag
已有1位网友发表了看法:
编程学习 评论于 [2021-04-08 13:37:32] 回复
html+的import