福彩幸运武林开奖 ?
歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
您的位置:DIVCSS5首頁 > CSS入門 >

css link和@import區別用法

css link和@import區別

這里link與@import介紹的是html引入css的語法單詞。兩者均是引入css到html的單詞。

擴展閱讀a linka:linkcss引入html

一、了解基本   -   TOP

1、link語法結構
<link href="CSSurl路徑" rel="stylesheet" type="text/css" />

實際應用截圖:

link標簽使用截圖
使用link標簽截圖

Html link標簽說明
此標簽是引入CSS文件link標簽,只要設置好路徑即可。

擴展閱讀:html link

2、@import語法結構
@import + 空格+ url(CSS文件路徑地址);

1)、在html中
<style type="text/css">
@import url(CSS文件路徑地址);
</style>

import在html中使用
@import在html中使用截圖

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

import在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。

如需轉載,請注明文章出處和來源網址:http://www.mcowk.com.cn/rumen/r431.shtml

我要分享到:
上一篇:DIVCSS5學習指南
下一篇:CSS作用功能

必備CSS教程 Essential CSS Tutorials

必備HTML基礎教程 Essential HTML Tutorials

如對文章有任何疑問請提交到DIV CSS論壇,或有任何網頁制作CSS問題立即到CSS論壇發貼求解 或 直接DIVCSS5網頁頂部搜索遇到DIVCSS疑問。
CSS教程文章修訂日期:2013-03-08 11:36 原創:DIVCSS5
本文www.mcowk.com.cn DIVCSS5版權所有。

福彩幸运武林开奖