CSS初識(shí)

CSS(Cascading Style Sheets) 美化樣式

CSS通常稱為CSS樣式表或?qū)盈B樣式表(級(jí)聯(lián)樣式表)，主要用于設(shè)置HTML頁面中的文本內(nèi)容(字體、大小、對齊方式等)、圖片的外形(寬高、邊框樣式、邊距等)以及版面的布局等外觀顯示樣式。

CSS以HTML為基礎(chǔ)，提供了豐富的功能，如字體、顏色、背景的控制及整體排版等，而且還可以針對不同的瀏覽器設(shè)置不同的樣式。

引入CSS樣式表(書寫位置)

CSS可以寫到那個(gè)位置？ 是不是一定寫到html文件里面呢？

內(nèi)部樣式表

內(nèi)嵌式是將CSS代碼集中寫在HTML文檔的head頭部標(biāo)簽中，并且用style標(biāo)簽定義，其基本語法格式如下：

??

語法中，style標(biāo)簽一般位于head標(biāo)簽中title標(biāo)簽之后，也可以把他放在HTML文檔的任何地方。

type="text/CSS" 在html5中可以省略， 寫上也比較符合規(guī)范， 所以這個(gè)地方可以寫也可以省略。

行內(nèi)式(內(nèi)聯(lián)樣式)

內(nèi)聯(lián)樣式，又有人稱行內(nèi)樣式、行間樣式、內(nèi)嵌樣式。是通過標(biāo)簽的style屬性來設(shè)置元素的樣式，其基本語法格式如下：?內(nèi)容?標(biāo)簽名>

語法中style是標(biāo)簽的屬性，實(shí)際上任何HTML標(biāo)簽都擁有style屬性，用來設(shè)置行內(nèi)式。其中屬性和值的書寫規(guī)范與CSS樣式規(guī)則相同，行內(nèi)式只對其所在的標(biāo)簽及嵌套在其中的子標(biāo)簽起作用。

外部樣式表(外鏈?zhǔn)?

鏈入式是將所有的樣式放在一個(gè)或多個(gè)以.CSS為擴(kuò)展名的外部樣式表文件中，通過link標(biāo)簽將外部樣式表文件鏈接到HTML文檔中，其基本語法格式如下：

????

注意： link 是個(gè)單標(biāo)簽哦!!!

該語法中，link標(biāo)簽需要放在head頭部標(biāo)簽中，并且必須指定link標(biāo)簽的三個(gè)屬性，具體如下：href：定義所鏈接外部樣式表文件的URL，可以是相對路徑，也可以是絕對路徑。?type：定義所鏈接文檔的類型，在這里需要指定為“text/CSS”，表示鏈接的外部文件為CSS樣式表。?rel：定義當(dāng)前文檔與被鏈接文檔之間的關(guān)系，在這里需要指定為“stylesheet”，表示被鏈接的文檔是一個(gè)樣式表文件。

三種樣式表總結(jié)(位置)樣式表優(yōu)點(diǎn)缺點(diǎn)使用情況控制范圍行內(nèi)樣式表書寫方便，權(quán)重高沒有實(shí)現(xiàn)樣式和結(jié)構(gòu)相分離較少控制一個(gè)標(biāo)簽(少)

內(nèi)部樣式表部分結(jié)構(gòu)和樣式相分離沒有徹底分離較多控制一個(gè)頁面(中)

外部樣式表完全實(shí)現(xiàn)結(jié)構(gòu)和樣式相分離需要引入最多，強(qiáng)烈推薦控制整個(gè)站點(diǎn)(多)

CSS樣式規(guī)則

使用HTML時(shí)，需要遵從一定的規(guī)范。CSS亦如此，要想熟練地使用CSS對網(wǎng)頁進(jìn)行修飾，首先需要了解CSS樣式規(guī)則，具體格式如下：

在上面的樣式規(guī)則中:??1.選擇器用于指定CSS樣式作用的HTML對象，花括號(hào)內(nèi)是對該對象設(shè)置的具體樣式。?2.屬性和屬性值以“鍵值對”的形式出現(xiàn)。?3.屬性是對指定的對象設(shè)置的樣式屬性，例如字體大小、文本顏色等。?4.屬性和屬性值之間用英文“:”連接。?5.多個(gè)“鍵值對”之間用英文“;”進(jìn)行區(qū)分。?可以用段落?和?表格的對齊的演示。

總結(jié)

以上是生活随笔為你收集整理的外链式样式表_引入CSS样式表（书写位置）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。