聊代碼（第三十三集）css樣式（之三）
在本集，要討論 css樣式 的第二種表示方式，即內(nèi)部樣式表。內(nèi)部樣式表適用于單個文件的需要，在head部分的 style 標簽中定義內(nèi)部樣式表。也就是說，把 css樣式 放在＜style＞＜/style＞首尾標簽之間。
在上一集”的末尾，我給朋友們展示了一段代碼＜style type="text/css"＞a{font-size:20px;color:#ffc20e} ＜/style＞，這個代碼就是最簡單的 內(nèi)部樣式表。
代碼解析：
＜style type="text/css"＞表示內(nèi)部樣式表。
大括號前面的英文字母 a 叫做 選擇器（關(guān)于 選擇器 的命名后面還要細講）。
大括號內(nèi)叫做 聲明 ，有一條或多條聲明，每條聲明由一個屬性和一個屬性值組成。屬性與屬性值之間用冒號連接，各聲明之間用分號隔開。
大括號后面的＜/style＞是 css樣式 的尾標簽。
關(guān)于選擇器的名稱如何定的問題，我要啰嗦幾句，我現(xiàn)在介紹的是任意改變文檔中各個位置上的文字字體、字色、字大小，這樣的內(nèi)容網(wǎng)上沒有。當(dāng)然，用單個英文字母給選擇器命名在網(wǎng)上也是見不到的。因為我對文檔中的文字變化很感興趣，大家也會看到，【聊代碼】中，為了看著明顯，有太多太多的地方都采用了文字變色。為此，通過我的反復(fù)摸索，終于如愿以償了。因為這個結(jié)果很實用，我分享給朋友們。
大家都知道，有些單個的英文字母在代碼中是有意義的。例如：a ，鏈接會用到它；b ，加粗文字用；p ，段落標簽的字母。如果以這三個字母為選擇器命名，勢必賦予了它雙重意義，使聲明的屬性附有了鏈接的意思，加粗的意思，段落的意思。實踐發(fā)現(xiàn)，如果用 a 為選擇器命名，在“老小孩”網(wǎng)，將鼠標放在變色文字上，文字會變色，顯示出了鏈接特征，這個顯示是無所謂的，因為文字很清晰，所以可用。而在“老年人之家”網(wǎng)就不同了，文字有了下劃線，并且字跡灰暗不清，故在“老年人之家”網(wǎng) a 不宜用。如果用 b 為選擇器命名，只要也想同時加粗文字，無論“老小孩”網(wǎng)還是“老年人之家”網(wǎng)，都是可以的。除此之外，我還要說明，在“老小孩”網(wǎng)，單一字母的選擇器只能有兩個，命名的字母只限 a 和 b。
下面，請看一段變化文字的實際效果。
我是原來顏色的文字我是用a命名變色的字“老年人之家”看我會有下劃線我是用b命名變色同時又加粗的字 我是用c命名因無效所以仍是原色的字，但“老年人之家”看我，我有效（網(wǎng)站不同，效果不一）。
代碼：
＜style type="text/css"＞
a{font-size:22px;color:#f0f}
b{font-size:22px;color:#0f0}
c{font-size:22px;color:#f00}
＜/style＞
＜p align="left"＞＜span style="font-size:20px;color:#ffffff"＞我是原來顏色的文字＜a＞我是用a命名變色的字“老年人之家”看我會有下劃線＜/a＞＜b＞我是用b命名變色同時又加粗的字 ＜c＞我是用c命名因無效所以仍是原色的字，但“老年人之家”看我，我有效（網(wǎng)站不同，效果不一）。＜/c＞＜/span＞＜/p＞
本站僅提供存儲服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請
點擊舉報。
