我們?cè)诖罱℉TML5移動(dòng)站以及開發(fā)APP時(shí)對(duì)于CSS的了解很重要，深圳APP開發(fā)公司本文就這個(gè)話題與各位進(jìn)行詳細(xì)探討，首先我們說說CSS，CSS的構(gòu)成級(jí)聯(lián)樣式表（CascadingStyleSheet，CSS）通常又稱為“層疊樣式表（StyleSheet）”，是用來進(jìn)行網(wǎng)頁風(fēng)格設(shè)計(jì)的。比如，網(wǎng)頁上藍(lán)色的字、紅色的按鈕，這些都是風(fēng)格。通過設(shè)立樣式表，可以統(tǒng)一控制(X)HTML中各標(biāo)簽的顯示屬性。CSS樣式表可以使人更有效地控制網(wǎng)頁外觀。【代碼1-2】是一個(gè)CSS文件。【代碼1-2】01 /*css reset*/ 02 html{ color:# 000;} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6/*...*/ 03 /*全局 公共 樣式*/ 04 textarea{ resize: none;} /*hack for chrome, disable chrome resizes textarea*/ 05 a{ color:# 049; outline- style: none;} 06 a: hover{ color:# f00;} 07 .cf{ zoom: 1;} 08 .cf: after{ content:'.'; display: block; visibility: hidden; clear: both; height: 0px;} 09 /*moduleABC ABC 模塊 的 樣式*/ 10 #moduleABC h2{ font- size: 14px; font- weight: bold;} 11 #moduleABC p{ font- size: 12px; line- height: 1. 5;}
如代碼所示，CSS文件共分3部分：第一部分為CSS重置，第二部分為公共樣式，第三部分為模塊樣式（非公共）。所有的公共樣式一般寫在第二部分，位于模塊樣式之上，方便查找。在模塊CSS部分，盡量寫出樣式的詳細(xì)路徑，比如：
01 #mty_ bbs_ myblock .searchbar .addblock ul li a{ margin:. 2em 0; padding-
bottom:. 2em}
盡量不要簡(jiǎn)寫成：
01 #mty_ bbs_ myblock .searchbar a{ margin:. 2em 0; padding- bottom:. 2em}
開發(fā)APP或者移動(dòng)端關(guān)于JavaScript的構(gòu)成
JavaScript就是一個(gè)被埋沒很久的編程語言，早在1995年被布蘭登·艾奇（BrendanEich）設(shè)計(jì)出來。最初網(wǎng)景（Netscape）公司將其腳本語言命名為L(zhǎng)iveScript，在與Sun合作之后將其改名為JavaScript，隨著NetscapeNavigator2.0（見圖1.1）公布于世，雖然想要師出名門的效果，但是網(wǎng)景公司卻把它作為給非程序人員的編程語言來推廣和宣傳，非程序開發(fā)者并不對(duì)其買賬，JavaScript由此被埋沒長(zhǎng)達(dá)十年之久。不過JavaScript的確具備了很多優(yōu)秀的特點(diǎn)，近幾年的發(fā)展勢(shì)頭越來越好，預(yù)示著JavaScript春天般的前景。
用JavaScript編寫的代碼需要放在.html文檔中才能被瀏覽器執(zhí)行，有兩種方式可以做到這一點(diǎn)。
直接內(nèi)嵌JavaScript代碼，第一種方式是將JavaScript代碼放到文檔<head>標(biāo)簽的<script>標(biāo)簽中，見【代碼1-3】。【代碼1-3】（第一個(gè)JavaScript程序helloworld）
<! DOCTYPE html> < html> < head>
< title> hello world</ title> < script> alert(' hello world!'); </ script> </ head> < body> </ body> </ html>
將上面的代碼保存到HTML文件中（在記事本中寫作，然后另存為擴(kuò)展名是html的文件），用任意瀏覽器打開，就可以看到一個(gè)彈出對(duì)話框。
引用JavaScript文件，第二種方式是把JavaScript代碼存為一個(gè)擴(kuò)展名為js的獨(dú)立文件中。以前的做法是在文檔<head>里用<script>標(biāo)簽的src屬性來指向該文件，見【代碼1-4】?！敬a1-4】
<! DOCTYPE html> < html> < head> < title> hello world</ title> < script src=" helloworld. js"></ script>
</ head> < body> </ body> </ html>
隨著最近幾年的發(fā)展，目前業(yè)界推薦的做法是把【代碼1-4】中的<script>放到HTML文檔最后，即</body>標(biāo)簽之前。這樣做的目的是使瀏覽器更快地加載頁面并展示給用戶，從而提高用戶體驗(yàn)效果。好了，APP開發(fā)公司本文關(guān)于“APP開發(fā)以及HTML5平臺(tái)搭建關(guān)于CSS構(gòu)成以及JavaScript的構(gòu)成詳解”知識(shí)就分享到這里，謝謝關(guān)注，博納網(wǎng)絡(luò)編輯整理。
