用CSS3設(shè)計(jì)移動(dòng)頁(yè)面樣式

用CSS3設(shè)計(jì)移動(dòng)頁(yè)面樣式

1.如何創(chuàng)建CSS樣式表：

2.CSS3的卓越特性；

3.基于設(shè)備屬性改變樣式的媒體查詢：

4.如何使用特殊元標(biāo)簽創(chuàng)建更美觀的移動(dòng)頁(yè)面。

層脅樣式表（Cascading Style Sheet,CSS)是移動(dòng)Web開發(fā)中的一個(gè)重要組成部分。本章中將學(xué)到如何編寫CSS并用它為移動(dòng)頁(yè)面定制樣式，其中包括了通過媒體查詢?yōu)樘囟ㄔO(shè)備定制樣式表。此外還將了解一些影響移動(dòng)設(shè)備內(nèi)容M示的元標(biāo)簽。

用CSS3設(shè)計(jì)移動(dòng)頁(yè)面樣式

3.1 CSS簡(jiǎn)介

層疊樣式表用丁?定義HTML文檔外觀?？梢葬槍?duì)打印輸出、Web頁(yè)面顯示或特定移動(dòng)設(shè)備來定制HTML樣式。同樣的HTML內(nèi)容在這些不同平臺(tái)上的顯示可能截然不同.

CSS己有超過10年的歷史，被廣泛的瀏覽器及移動(dòng)設(shè)備所支持。因此，學(xué)習(xí)如何使用CSS定義Web應(yīng)用程序外觀是非常垔要的。

3.1.1創(chuàng)建CSS樣式表

CSS由附加了樣式M性的一個(gè)或多個(gè)選抒器組成。舉例來說，在更改段落的文本顏色時(shí)，

可以寫為：

其中選擇器為p,樣式屬性（位于大括號(hào)中）為color red;。

需要加入第二個(gè)選擇器時(shí)，只需要用逗號(hào)分隔開：

p,.redText{

color:red;

}

用CSS3設(shè)計(jì)移動(dòng)頁(yè)面樣式

創(chuàng)建好樣式后，可通過以下3種方法將其附加在Web頁(yè)面中。

1.內(nèi)聯(lián)在標(biāo)簽中。

2.內(nèi)嵌丁HTML的開頭。

3.放在一個(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è)樣式）。以下代碼將單一段落的文本顏色定義為紅色。

成都網(wǎng)站建設(shè)哪家好，找成都創(chuàng)新互聯(lián)科技有限公司！專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。

分享標(biāo)題：用CSS3設(shè)計(jì)移動(dòng)頁(yè)面樣式
標(biāo)題鏈接：http://www.jbt999.com/news29/273379.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、外貿(mào)建站、營(yíng)銷型網(wǎng)站建設(shè)、企業(yè)建站、標(biāo)簽優(yōu)化、網(wǎng)站營(yíng)銷

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)