深圳網站建設用CSS3設計移動頁面樣式
>如何創建CSS樣式表:
>CSS3的卓越特性;
>基于設備屬性改變樣式的媒體查詢:
>如何使用特殊元標簽創建更美觀的移動頁面。
層脅樣式表(Cascading Style Sheet, CSS)是移動Web開發中的一個重要組成部分。本章中將學到如何編寫CSS并用它為移動頁面定制樣式,其中包括了通過媒體查詢為特定設備定制樣式表。此外還將了解一些影響移動設備內容M示的元標簽。
3.1 CSS簡介
層疊樣式表用丁•定義HTML文檔外觀??梢葬槍Υ蛴≥敵觥eb頁面顯示或特定移動設備來定制HTML樣式。同樣的HTML內容在這些不同平臺上的顯示可能截然不同.
CSS己有超過10年的歷史,被廣泛的瀏覽器及移動設備所支持。因此,學習如何使用CSS定義Web應用程序外觀是非常垔要的。
3.1.1 創建CSS樣式表
CSS由附加了樣式M性的一個或多個選抒器組成。舉例來說,在更改段落的文本顏色時,
可以寫為:
其中選擇器為p,樣式屬性(位于大括號中)為color red;。
需要加入第二個選擇器時,只需要用逗號分隔開:
p, .redText {
color: red;
}
創建好樣式后,可通過以下3種方法將其附加在Web頁面中。
>內聯在標簽中。
>內嵌丁 HTML的開頭。
>放在一個獨立文檔中作為樣式表。
其中最簡單的方法是內聯。標簽內的內聯樣式不需要選擇器,因為標簽本身定義了選擇器。只需要在標簽中加入一個樣式屬性,并將樣式費丁屬性值中(使用分號分隔多個樣式)。以下代碼將單一段落的文本顏色定義為紅色。