深圳網(wǎng)站建設(shè)用CSS3設(shè)計(jì)移動(dòng)頁(yè)面樣式
>如何創(chuàng)建CSS樣式表:
>CSS3的卓越特性;
>基于設(shè)備屬性改變樣式的媒體查詢:
>如何使用特殊元標(biāo)簽創(chuàng)建更美觀的移動(dòng)頁(yè)面。
層脅樣式表(Cascading Style Sheet, CSS)是移動(dòng)Web開(kāi)發(fā)中的一個(gè)重要組成部分。本章中將學(xué)到如何編寫CSS并用它為移動(dòng)頁(yè)面定制樣式,其中包括了通過(guò)媒體查詢?yōu)樘囟ㄔO(shè)備定制樣式表。此外還將了解一些影響移動(dòng)設(shè)備內(nèi)容M示的元標(biāo)簽。
3.1 CSS簡(jiǎn)介
層疊樣式表用丁•定義HTML文檔外觀??梢葬槍?duì)打印輸出、Web頁(yè)面顯示或特定移動(dòng)設(shè)備來(lái)定制HTML樣式。同樣的HTML內(nèi)容在這些不同平臺(tái)上的顯示可能截然不同.
CSS己有超過(guò)10年的歷史,被廣泛的瀏覽器及移動(dòng)設(shè)備所支持。因此,學(xué)習(xí)如何使用CSS定義Web應(yīng)用程序外觀是非常垔要的。
3.1.1 創(chuàng)建CSS樣式表
CSS由附加了樣式M性的一個(gè)或多個(gè)選抒器組成。舉例來(lái)說(shuō),在更改段落的文本顏色時(shí),
可以寫為:
其中選擇器為p,樣式屬性(位于大括號(hào)中)為color red;。
需要加入第二個(gè)選擇器時(shí),只需要用逗號(hào)分隔開(kāi):
p, .redText {
color: red;
}
創(chuàng)建好樣式后,可通過(guò)以下3種方法將其附加在Web頁(yè)面中。
>內(nèi)聯(lián)在標(biāo)簽中。
>內(nèi)嵌丁 HTML的開(kāi)頭。
>放在一個(gè)獨(dú)立文檔中作為樣式表。
其中最簡(jiǎn)單的方法是內(nèi)聯(lián)。標(biāo)簽內(nèi)的內(nèi)聯(lián)樣式不需要選擇器,因?yàn)闃?biāo)簽本身定義了選擇器。只需要在標(biāo)簽中加入一個(gè)樣式屬性,并將樣式費(fèi)丁屬性值中(使用分號(hào)分隔多個(gè)樣式)。以下代碼將單一段落的文本顏色定義為紅色。