请选择 进入手机版 | 继续访问电脑版

资源299论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

日本代购,韩国代购,专业海外代购服务
查看: 238|回复: 0

css link和@import区别用法

[复制链接]

614

主题

672

帖子

2212

积分

版主

Rank: 7Rank: 7Rank: 7

积分
2212
发表于 2019-2-22 13:42:12 | 显示全部楼层 |阅读模式
先领券再购物更优惠
css link和@import区别用法
一、了解基本   -   TOP
1、link语法结构
<link href="CSSurl路径" rel="stylesheet" type="text/css" />
实际应用截图:

使用link标签截图
Html link标签说明
此标签是引入CSS文件link标签,只要设置好路径即可。
扩展阅读:html link
2、@import语法结构
@import + 空格+ url(CSS文件路径地址);
1)、在html中
<style type="text/css">
@import url(CSS文件路径地址);
</style>

@import在html中使用截图
2)、在css中
直接使用
@import url(CSS文件路径地址);

import在CSS代码或CSS文件中使用截图
在css和html中均可以使用@import
二、link与@import区别与选择   -   TOP
首页link和import语法结构不同,前者<link>是html标签,只能放入html源代码中使用,后者可看作为css样式,作用是引入css样式功能。import在html使用时候需要<style type="text/css">标签,同时可以直接“@import url(CSS文件路径地址);”放如css文件或css代码里引入其它css文件。
本质上两者使用选择区别不大,但为了软件中编辑布局网页html代码,一般使用link较多,也推荐使用link。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /3 下一条

QQ|Archiver|手机版|小黑屋|资源299论坛

GMT+8, 2019-11-22 12:58 , Processed in 0.022573 second(s), 24 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表