html引入css四種引入方式示例分享
發(fā)布時(shí)間：2013-12-06 09:55:10 作者：佚名 
我要評(píng)論
我要評(píng)論CSS四種引入方式:標(biāo)簽內(nèi)的CSS 、網(wǎng)頁(yè)內(nèi)的CSS、link引用的CSS、import引用的CSS，下面用一個(gè)例子演示用法
復(fù)制代碼
代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a >
<html xmlns="<a >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>引入CSS的四種方式</title>
<style type="text/css">
/*h2{ color:white;background-color:blue;}*/
/*要想使網(wǎng)頁(yè)內(nèi)的CSS生效，必須注釋下一行代碼*/
@import "import.css";
</style>
<link href="alone.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1 style="color:white; background-color:yellow">標(biāo)簽內(nèi)的CSS</h1>
<h2>網(wǎng)頁(yè)內(nèi)的CSS</h2>
<h3>link引用的CSS文件</h3>
<h4>import引用的CSS文件</h4>
<p>link引用和import引用區(qū)別是：link是html加載前就引用，而import是html加載后才引用。舉例，采用impor引用，會(huì)先顯示無(wú)樣式的頁(yè)面，然后再把樣式放進(jìn)去。如果用JavaScript動(dòng)態(tài)引用CSS，得使用link引用方式才可實(shí)現(xiàn)。</p>
</body>
</html>
相關(guān)文章
這篇文章主要介紹了css樣式引入及優(yōu)缺點(diǎn)，本文給大家分享三種css的引入方式，通過(guò)代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友參考下2020-04-02
關(guān)于CSS引入方式的詳細(xì)見(jiàn)解小結(jié)
這篇文章主要介紹了關(guān)于CSS引入方式的詳細(xì)見(jiàn)解小結(jié)的相關(guān)資料，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-02-25
這篇文章主要介紹了詳解CSS文件的三種引入方式的相關(guān)資料，CSS的引入方式共有三種：行內(nèi)樣式、內(nèi)部樣式表、外部樣式表。具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-09-27- 在本文將為大家介紹下css的引入方式、css的基本語(yǔ)法等等，新手朋友們可以參考下哈，希望對(duì)大家有所幫助2013-09-12
詳解CSS文件中的4種引入方式:行內(nèi),內(nèi)聯(lián)式,外部式,導(dǎo)入式
這篇文章主要介紹了CSS文件中的4種引入方式:行內(nèi),內(nèi)聯(lián)式,外部式,導(dǎo)入式,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-07-29
