外部CSS樣式是一個獨立的CSS文件，當(dāng)在網(wǎng)頁中直接創(chuàng)建外部CSS樣式時，該樣式自動應(yīng)用到網(wǎng)頁中；當(dāng)在創(chuàng)建空白網(wǎng)頁時，通?？梢愿郊右呀?jīng)存在的外部樣式表。如果CSS樣式文件已經(jīng)存在，制作網(wǎng)頁時可以通過【CSS樣式】面板中的【附加樣式表】按鈕來鏈接，具體操作如下： （1）單擊【附加樣式表】按鈕，在打開【鏈接外部樣式表】對話框（見圖1）中選擇外部CSS文件后，可以通過“連接”或“導(dǎo)入”方式將其應(yīng)用到當(dāng)前網(wǎng)頁中。（2）在【添加為】中選擇其中的一個選項： ◇若要創(chuàng)建當(dāng)前文檔和外部樣式表之間的鏈接，請選擇【鏈接】單擊按鈕。該選項在HTML代碼中創(chuàng)建一個link標(biāo)記，并引用已發(fā)布的樣式表所在的URL。link標(biāo)記必須放在頁面的head區(qū)域。Internet Explorer和Netscape Navigator都支持此方法。 ◇如果希望導(dǎo)入而不是鏈接到外部樣式表，請選擇【導(dǎo)入】單擊按鈕。導(dǎo)入外部樣式表是指在內(nèi)部樣式表的style里導(dǎo)入一個外部樣式表，導(dǎo)入時用@import。 注意：不能使用 【鏈接】標(biāo)記添加從一個外部樣式表到另外一個外部樣式表的引用。如果要嵌套樣式表，必須使用【導(dǎo)入】指令。大多數(shù)瀏覽器還能識別頁面中（而不僅僅是樣式表中）的導(dǎo)入指令。當(dāng)在鏈接到頁面與導(dǎo)入到頁面的外部樣式表中存在重疊的規(guī)則時，不同瀏覽器解決沖突屬性的方式具有細微的差別。
在肇州等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè) 網(wǎng)站設(shè)計制作定制網(wǎng)站開發(fā),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站制作,營銷型網(wǎng)站建設(shè),外貿(mào)網(wǎng)站建設(shè),肇州網(wǎng)站建設(shè)費用合理。
css外部樣式如何調(diào)用方法如下：
1、直接在div中使用css樣式制作div+css網(wǎng)頁
2、html中使用style自帶式
3、使用@import引用外部CSS文件
4、使用link引用外部CSS文件 推薦此方法
接下來將逐個講解html引用css方法的例子
1、直接在html標(biāo)簽元素內(nèi)嵌入css樣式，如div style="font-size:14px; color:#FF0000;"我是div css測試內(nèi)容-支持/div 效果如下圖
2、在html頭部head部分內(nèi)style聲明插入代碼如下：
style?type="text/css"?
!--?
.ceshi?{font-size:14px;?color:#FF0000;}/*這里是設(shè)置CSS的樣式內(nèi)容*/?
--?
/style
具體方法如下圖：
3、使用@import引用外部CSS文件方法
!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"
""?
html?xmlns=""?
head?
meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"?/?
titlecss引用方法實例-測試實例/title?
style?type="text/css"?
!--?
@import?url(wcss.css);/*這里是通過@import引用CSS的樣式內(nèi)容*/?
--?
/style?
/head?
body?
div?class="ceshi"我是div?css測試內(nèi)容支持/div?
/body?
/html
Wcss.css文件內(nèi)代碼.ceshi {font-size:14px; color:#FF0000;}
效果如下圖：
可以看出使用此方法和使用自帶式引用css樣式表方法有相同處，都是需要在html的head內(nèi)使用style標(biāo)簽引用外部css。
4、使用link來調(diào)用外部的css文件
在head放置link rel="stylesheet" href="wcss.css" type="text/css" /來調(diào)用外部的wcss.css文件來實現(xiàn)html引用css文件
詳細如下圖
此方法就不需要style標(biāo)簽，而是直接通過link一個樣式來引用外部樣式。
CSS是一門指定文檔該如何呈現(xiàn)給用戶的語言。
一、CSS幫助您將文檔信息的內(nèi)容和如何展現(xiàn)它的細節(jié)相分離
創(chuàng)建html文檔
創(chuàng)建樣式表
在與前面相同的目錄中，新建另一個文本文件。該文件將成為您的樣式表。請將它命名為：style1.css
在您的CSS文件中，復(fù)制、粘貼下面的行，并保存該文件:
二、連接您的文檔和樣式表
為將您的文檔和樣式表相連，請編輯您的HTML文件。并添加下面高亮的行：
保存該文件并刷新您的瀏覽器。該樣式表將首字母顯示為紅色，如下所示：
三、rel=“stylesheet”是什么意思呢?
范例中呈現(xiàn)的是標(biāo)準(zhǔn)HTML link標(biāo)簽嵌入css檔案的寫法，其中「rel="stylesheet" type="text/css"」所代表的意思，就是告訴瀏覽器要導(dǎo)入一個在外部的css檔案，透過href導(dǎo)入名為xxxx.css的樣式檔案。
重慶分公司
重慶分公司
