北大青鳥(niǎo)設(shè)計(jì)培訓(xùn)：創(chuàng)建CSS樣式表的三種方式？

主要探討HTML5中CSS（層疊樣式表），它是用來(lái)對(duì)HTML文檔外觀的表現(xiàn)形式進(jìn)行排版和格式化。

目前創(chuàng)新互聯(lián)建站已為近千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、網(wǎng)站改版維護(hù)、企業(yè)網(wǎng)站設(shè)計(jì)、臺(tái)前網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

使用CSSCSS樣式由一條或多條以分號(hào)隔開(kāi)的樣式聲明組成。

每條聲明的樣式包含著一個(gè)CSS屬性和屬性值。

pstyle="color:red;font-size:50px;"這是一段文本/p解釋?zhuān)簊tyle是行內(nèi)樣式屬性。

color是顏色屬性，red是顏色屬性值；font-size是字體大小屬性，50px是字體大小屬性值。

三種方式創(chuàng)建CSS樣式表有三種方式：1.元素內(nèi)嵌樣式；2.文檔內(nèi)嵌樣式；3.外部引入樣式。

1.元素內(nèi)嵌樣式pstyle="color:red;font-size:50px;"這是一段文本/p解釋?zhuān)杭丛诋?dāng)前元素使用style屬性的聲明方式。

2.文檔內(nèi)嵌樣式styletype="text/css"p{color:blue;font-size:40px;}/stylep這是一段文本/p解釋?zhuān)涸趆ead元素之間創(chuàng)建style元素，通過(guò)選擇器的方式調(diào)用指定的元素并設(shè)置相關(guān)CSS。

3.外部引用樣式linkrel="stylesheet"type="text/css"href="style.css"http://style.css@charset"utf-8";p{color:green;font-size:30px;}解釋?zhuān)汉芏鄷r(shí)候，大量的HTML頁(yè)面使用了同一個(gè)組CSS。

那么就可以將這些CSS樣式保存在一個(gè)單獨(dú)的.css文件中，然后通過(guò)link元素去引入它即可。

@charset"utf-8"表明設(shè)置CSS的字符編碼，如果不寫(xiě)默認(rèn)就是utf-8。

煙臺(tái)電腦培訓(xùn)認(rèn)為如果有多個(gè).css文件，可以使用@import導(dǎo)入方式引入.css文件。

只不過(guò)，性能不如多個(gè)link鏈接。

如何新建css樣式表文件

直接右擊點(diǎn)擊新建，然后點(diǎn)擊新建文本文檔，修改后綴.css,這個(gè)文件就是css樣式表文件了

CSS樣式表怎么做

1、創(chuàng)建使用css樣式表有三種，分別是外部樣式表，內(nèi)部樣式表和內(nèi)聯(lián)樣式。下面通過(guò)一個(gè)小demo演示它們的用法，首先新建一個(gè)html文件，放入3個(gè)button按鈕，給前兩個(gè)按鈕分別設(shè)置class屬性為btn1和btn2：

2、接著準(zhǔn)備一個(gè)css文件，命名為demo.css，在文件內(nèi)寫(xiě)入按鈕A的樣式，保存css文件：

3、回到剛才的html文件，在style標(biāo)簽中用link標(biāo)簽引入上一步創(chuàng)建的css文件，這就是外聯(lián)樣式的用法，總結(jié)就是創(chuàng)建好的css文件內(nèi)寫(xiě)好樣式，然后在html文件中用link標(biāo)簽引入即可，這也是大部分網(wǎng)站使用的方法，因?yàn)槠湟敕奖?，管理起?lái)也比較方便：

4、接著是內(nèi)部樣式表的使用，這里直接在head標(biāo)簽里創(chuàng)建style標(biāo)簽，在里面加入btn2的樣式。對(duì)于內(nèi)部樣式表簡(jiǎn)單的html文件，內(nèi)部樣式是很方便的，但是結(jié)構(gòu)復(fù)雜的html文件使用它就會(huì)讓文件顯得很混亂：

5、最后是內(nèi)聯(lián)樣式的使用，直接在第三個(gè)標(biāo)簽內(nèi)使用style屬性加入樣式就可以了：

6、最后保存html文件，打開(kāi)瀏覽器可以看到三個(gè)按鈕的樣式都出現(xiàn)了。以上就是css樣式表的制作方法：

怎樣創(chuàng)建css樣式表？

CSS（層疊樣式表）級(jí)聯(lián)樣式表是一種用來(lái)表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)應(yīng)用）或XML

（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)子集）等文件樣式的計(jì)算機(jī)語(yǔ)言。

有三種方法可以在站點(diǎn)網(wǎng)頁(yè)上使用樣式表：

外聯(lián)式Linking（也叫外部樣式）：將網(wǎng)頁(yè)鏈接到外部樣式表。

嵌入式Embedding（也叫內(nèi)頁(yè)樣式）：在網(wǎng)頁(yè)上創(chuàng)建嵌入的樣式表。

內(nèi)聯(lián)式Inline（也叫行內(nèi)樣式）：應(yīng)用內(nèi)嵌樣式到各個(gè)網(wǎng)頁(yè)元素。

在Dreamweaver 8中，可以在開(kāi)始彈出框中點(diǎn)擊新建CSS文件。也可以在最上面的菜單欄里占擊

文件，新建。在彈出框中選擇CSS文件就可以了。

如何用Dreamweaver 8 創(chuàng)建css樣式表代碼

1、創(chuàng)建css樣式，點(diǎn)擊窗口\css樣式，可以打開(kāi)css樣式編輯窗口，還可以直接在屬性面板內(nèi)創(chuàng)建。

2、點(diǎn)擊屬性面板的編輯規(guī)則，或者是css樣式窗口的+號(hào)就可以打開(kāi)新建css規(guī)則對(duì)話框。

3、選擇要?jiǎng)?chuàng)建的css樣式的內(nèi)容。比如要為段落更改樣式。

4、在彈出的定義對(duì)話框中，選擇要更改的各種屬性。比如把段落的字體大小改為16px，字體顏色改為紅色。

5、點(diǎn)擊確定，發(fā)現(xiàn)段落中的文字就出現(xiàn)了相應(yīng)的效果。在head中條件了css樣式代碼。

如何建立ＣＳＳ樣式文件

建立CSS文件有3種方式:1：內(nèi)聯(lián)定義例p style="border:2px solid #000000"HTML+CSS/p2：外聯(lián)定義在head與/head中放入style/style例:style type="text/css"

#myid { width:200px; height:300px; color:#cccccc; }/style對(duì)應(yīng)的層和下：div id="myid"這里是ID/div3:鏈接外部CSS將link標(biāo)簽放在head與/head之間,如下：headlink type="text/css" rel="stylesheet" href="style.css"/head一個(gè)單獨(dú)的CSS文件寫(xiě)法同內(nèi)聯(lián)一樣，但不能加style標(biāo)簽，像下面這樣寫(xiě)：#p1{border:2px solid #000000;}