css怎么建立外部樣式表？

建立外部樣式表很簡單，就在html的head里寫

專注于為中小企業(yè)提供成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)龍泉驛免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了1000多家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

link rel="stylesheet" type="text/css" href="css文件路徑"

至于你上邊說的一大堆css里具體內(nèi)容，建議你去w3school上學(xué)一下css，css很簡單的，還是別指望別人給你寫好了

如何鏈接外部CSS樣式表

鏈接外部樣式文件

外部引入CSS樣式文件是通過link標(biāo)簽實(shí)現(xiàn)的，它只能位于HTML文檔的head標(biāo)簽內(nèi)，且必須有href屬性，該屬性用于指定需要引入的CSS文件的路徑。

寫法：link rel="stylesheet" href="CSS樣式文件的絕對(duì)地址"

link元素中type用于規(guī)定鏈接文檔的MIME類型，rel屬性用于規(guī)定被鏈接文檔與當(dāng)前文檔之間的關(guān)系，如alternate用于定義交替出現(xiàn)的鏈接，appendix定義文檔的附加信息等，此外還有一些可選屬性，用于做一些除加載CSS文件的其他事情。link元素是XHMTL中的標(biāo)簽，當(dāng)HTML頁面被渲染時(shí)，link引用的CSS文件會(huì)被同時(shí)加載，我們也可以通過JavaScript控制DOM去改變link元素的CSS內(nèi)容。

導(dǎo)入外部樣式

導(dǎo)入外部樣式單的功能與鏈接外部樣式的功能差不多，都能實(shí)現(xiàn)一樣的功能，但是它們之間還是存在一定的差別的，導(dǎo)入外部樣式主要通過@import方式導(dǎo)入CSS文件。

寫法：

@import 'style.css' //Windows IE4/ NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不識(shí)別@import "style.css" //Windows IE4/ NS4, Macintosh IE4/NS4不識(shí)別@import url(style.css) //Windows NS4, Macintosh NS4不識(shí)別@import url('style.css') //Windows NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不識(shí)別@import url("style.css") //Windows NS4, Macintosh NS4不識(shí)別

由上分析知道，@import url(style.css) 和@import url("style.css")是最優(yōu)的選擇，兼容的瀏覽器最多。從字節(jié)優(yōu)化的角度來看@import url(style.css)最值得推薦。

本段摘自：

添加css的方式：link與@import區(qū)別 - Wayne-Zhu - 博客園

@import是css2里面提出來的，低版本的瀏覽器不支持，注意它是css中屬性，如果要使用它，可以在style標(biāo)簽中書寫。但在CSS文件中再導(dǎo)入CSS文件，會(huì)給服務(wù)器造成太大的文件請(qǐng)求壓力，最好不要這樣做。

style

@import url(css/style.css);

/style

@import是由CSS提供的一種導(dǎo)入樣式的方式，當(dāng)頁面被加載時(shí)，@import會(huì)等到頁面全部被加載完成時(shí)再加載CSS樣式，所以在頁面還未加載完成期間，頁面還沒有CSS樣式效果，會(huì)導(dǎo)致“屏閃”，通過@import導(dǎo)入的CSS樣式是無法用DOM去控制的。

如何創(chuàng)建CSS外部樣式表 詳細(xì)?0?3

中.還可以根據(jù)需要在其他的網(wǎng)頁文檔，甚至在整個(gè)站點(diǎn)中應(yīng)用。 上海網(wǎng)站建設(shè)創(chuàng)建外部Css 樣式方法的具體操作步驟如下。 (1)執(zhí)行“窗口”"CSS 樣式"命令.打開"CSS 樣式"面板。 (2)在“CSS 樣式”面板中單擊“新建CSS 規(guī)則”按鈕彈出“新建CSS 規(guī)則”對(duì)話框，在“選擇器類型”下拉列表 中選擇“標(biāo)簽”.在“選擇器名稱“文本框中拍人dt，將“規(guī)則定義”設(shè)置為“新建樣式表文件”。 (3)單擊“確定”按鈕，彈出的“將樣式表文件另存為.對(duì)話框，在“文件名”文本框中物人樣式表文件的名稱. 并在“相對(duì)于’下拉列表中選擇“文檔’選項(xiàng)。 (4)單擊“保存”按鈕.彈出的對(duì)話框，在對(duì)話框中進(jìn)行相應(yīng)的設(shè)置。 (5)單擊“確定“按鈕，在文檔窗口中可以看到上海網(wǎng)站建設(shè)新建外部樣式表文件。

HTML中CSS外部樣式表

1、首先我們我們新建一個(gè)記事本，并將記事本的名字改為“引入外部css文件和外部js文件.html”，并回車鍵確定，以使文件轉(zhuǎn)化為瀏覽器可以打開的html網(wǎng)頁文件。

2、我們編寫一個(gè)html5的聲明標(biāo)簽— !DOCTYPE html, 以使瀏覽器能認(rèn)識(shí)到我們的文檔是一個(gè)html5的文件，這樣就可以快速的正確解讀，以提高瀏覽的體驗(yàn)。

3、我們寫一個(gè)title的標(biāo)簽，將網(wǎng)頁的題目寫入進(jìn)去，讓網(wǎng)頁的標(biāo)題顯示為“引入外部css文件和外部js文件”。

4、我們用meta標(biāo)簽設(shè)置字符的編碼格式為：UTF-8，以使瀏覽器能夠正確的顯示我們的網(wǎng)頁。

5、我們寫一個(gè)body標(biāo)簽，用來包含網(wǎng)頁的主體部分。

6、我們寫幾個(gè)標(biāo)簽以便在外部css文件樣式表中，為其設(shè)置樣式。

7、我們新建一個(gè)css文件，把txt的文件后綴名改為css即可，之后打開就可以寫入css代碼了。

8、我們用標(biāo)簽選擇器為p標(biāo)簽、div標(biāo)簽和span標(biāo)簽的內(nèi)容設(shè)置樣式。

9、我們使用,link標(biāo)簽將我們編寫的css文件樣式表文件其引入到我們當(dāng)前的html文件中來。

10、我們鼠標(biāo)右擊在彈出的下拉菜單中，我們選擇“在瀏覽器中打開”這一項(xiàng)。

11、我們看到我們編寫的樣式被應(yīng)用到了標(biāo)簽中文字上，說明我們的css外部樣式表文件引入成功。

如何連接外部CSS樣式

外部CSS樣式是一個(gè)獨(dú)立的CSS文件，當(dāng)在網(wǎng)頁中直接創(chuàng)建外部CSS樣式時(shí)，該樣式自動(dòng)應(yīng)用到網(wǎng)頁中；當(dāng)在創(chuàng)建空白網(wǎng)頁時(shí)，通?？梢愿郊右呀?jīng)存在的外部樣式表。如果CSS樣式文件已經(jīng)存在，制作網(wǎng)頁時(shí)可以通過【CSS樣式】面板中的【附加樣式表】按鈕來鏈接，具體操作如下：

（1）單擊【附加樣式表】按鈕，在打開【鏈接外部樣式表】對(duì)話框（見圖1）中選擇外部CSS文件后，可以通過連接或?qū)敕绞綄⑵鋺?yīng)用到當(dāng)前網(wǎng)頁中。圖1

（2）在【添加為】中選擇其中的一個(gè)選項(xiàng)：

◇若要?jiǎng)?chuàng)建當(dāng)前文檔和外部樣式表之間的鏈接，請(qǐng)選擇【鏈接】單擊按鈕。該選項(xiàng)在HTML代碼中創(chuàng)建一個(gè)link標(biāo)記，并引用已發(fā)布的樣式表所在的URL。link標(biāo)記必須放在頁面的head區(qū)域。Internet Explorer和Netscape Navigator都支持此方法。

◇如果希望導(dǎo)入而不是鏈接到外部樣式表，請(qǐng)選擇【導(dǎo)入】單擊按鈕。導(dǎo)入外部樣式表是指在內(nèi)部樣式表的style里導(dǎo)入一個(gè)外部樣式表，導(dǎo)入時(shí)用@import。

注意：不能使用【鏈接】標(biāo)記添加從一個(gè)外部樣式表到另外一個(gè)外部樣式表的引用。如果要嵌套樣式表，必須使用【導(dǎo)入】指令。大多數(shù)瀏覽器還能識(shí)別頁面中（而不僅僅是樣式表中）的導(dǎo)入指令。當(dāng)在鏈接到頁面與導(dǎo)入到頁面的外部樣式表中存在重疊的規(guī)則時(shí)，不同瀏覽器解決沖突屬性的方式具有細(xì)微的差別。