Dzwebs.Net

撰写电脑技术杂文十余年

Css link和@import的区别

Admin | 2015-9-16 10:08:01 | 被阅次数 | 3201

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  在网页中欲调用外部的CSS级联样式表,可以通过 link和@import两种方式来实现,下面为大家介绍其语法及区别。

  一、link和@import语法

  1、link语法结构

  <link href="CSSurl路径" rel="stylesheet" type="text/css" />

  2、@import语法结构

  @import + 空格+ url(CSS文件路径地址);

  1)、在html中

  <style type="text/css">
  @import url(CSS文件路径地址);
  </style>

  2)、在css中直接使用

  @import url(CSS文件路径地址);

  二、link和@import的区别

  首页link和import语法结构不同,前者<link>是html标签,只能放入html源代码中使用,后者可看作为css样式,作用是引入css样式功能。import在html使用时候需要<style type="text/css">标签,同时可以直接“@import url(CSS文件路径地址);”放如css文件或css代码里引入其它css文件。

  本质上两者使用选择区别不大,但为了软件中编辑布局网页html代码,一般使用link较多,也推荐使用link。


该杂文来自: 网页制作杂文

上一篇:xheditor编辑器乱码或变成英文

下一篇:jquery设置div内的a标签链接颜色

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计