初學(xué)者怎么學(xué)習(xí)css
初學(xué)者怎么學(xué)習(xí)css
CSS是層疊樣式表是一種用來(lái)表現(xiàn)HTML(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)應(yīng)用)或XML(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)子集)等文件樣式的計(jì)算機(jī)語(yǔ)言。下面學(xué)習(xí)啦小編收集了一些關(guān)于學(xué)習(xí)css的方法，希望對(duì)你有幫助
學(xué)習(xí)css方法1
階段一：不去想瀏覽器的兼容性問(wèn)題的情況下能做出頁(yè)面，但頁(yè)面里到處用TABLE的 模式DIV寫(xiě)出的頁(yè)面。
階段二：想到了兼容性問(wèn)題，但無(wú)法提前預(yù)防，只會(huì)修補(bǔ)問(wèn)題，大量使用HACK技術(shù)(我對(duì)HACK技術(shù)只是知道，但用的很少)
階段三：可提前預(yù)防BUG，但樣式表中大量應(yīng)用了ID,CLASS，CSS譯過(guò)來(lái)是重疊樣式表，比如“DIV P SPAN”。這句代碼是標(biāo)明DIV子元素中P的子元素SPAN，這樣寫(xiě)就可以定義SPAN的樣式了，不用SPAN中加入CLASS了。這也就是CSS的優(yōu)點(diǎn)所在，為什么不好好利用而一定要定義一個(gè)CLASS呢!
階段四：這一階段是最難的，良好的HTML語(yǔ)義結(jié)構(gòu)、合理的CSS、可重復(fù)利用的樣式。良好的語(yǔ)義有這方面的文章,合理的CSS，這兩方面以后一定會(huì)寫(xiě)專(zhuān)題來(lái)研究。
學(xué)習(xí)css方法2
1. 明確目標(biāo)
沒(méi)有目標(biāo)的學(xué)習(xí)，會(huì)感覺(jué)到后面沒(méi)什么成果，在1年前，我也打算學(xué)習(xí)android開(kāi)發(fā)的，但是目的就是學(xué)習(xí)，到網(wǎng)上去下載很多學(xué)習(xí)的視頻，然后把開(kāi)發(fā)環(huán)境搭建起來(lái)，能把Helloworld運(yùn)行起來(lái)，能打些log，Activity之間也能互相切換了，但是后面也就不了了之了，因?yàn)椴恢缹W(xué)了要干什么。依葫蘆畫(huà)瓢的做了幾個(gè)例子，因?yàn)槔锩娴膯?wèn)題都是已經(jīng)解決的，所以也沒(méi)能深入的系統(tǒng)學(xué)習(xí)。
這次因?yàn)楫a(chǎn)品的需要，要做Android版本，要做的東西一開(kāi)始就已經(jīng)設(shè)計(jì)好了，見(jiàn)搖搖2選1安卓版本，剛開(kāi)始也不知道里面有些什么技術(shù)難度，但是要做的目標(biāo)已經(jīng)明確了，而且也沒(méi)有現(xiàn)成的，碰到問(wèn)題就查資料，慢慢地解決，這樣有的放矢，學(xué)習(xí)的效果非常好。既有現(xiàn)成的技術(shù)可以使用，又有些技術(shù)，需要查比較多的資料，這樣記憶就比較深刻，所掌握的知識(shí)也比較系統(tǒng)。
接下來(lái)的一系列文章，我會(huì)把在開(kāi)發(fā)搖搖2選1中遇到的問(wèn)題，給大家詳細(xì)講講，程序雖然小，但是五臟俱全，做Demo和做產(chǎn)品的要求完全不是一個(gè)級(jí)別，如果Android大牛感覺(jué)知識(shí)講的比較淺，那可以繞道，畢竟我是從一個(gè)完全的新手開(kāi)始的。
2. 了解安卓開(kāi)發(fā)中比較困難的地方
學(xué)習(xí)一個(gè)新平臺(tái)，就要知道此平臺(tái)開(kāi)發(fā)要面臨的困難有哪些，不要做到最后，這些問(wèn)題沒(méi)有考慮，那就比較糟糕了。在網(wǎng)上搜索了下，安卓開(kāi)發(fā)困難總結(jié)如何：
1)安卓系統(tǒng)版本比較多，各版本之間的兼容性是個(gè)問(wèn)題，此為系統(tǒng)碎片。
2)安卓設(shè)備千變?nèi)f化，設(shè)備難以統(tǒng)一，每個(gè)產(chǎn)品都成為獨(dú)立，分散的Android碎片。
3)分辨率五花八門(mén)。一個(gè)產(chǎn)品，可能需要多個(gè)界面排版，人工消耗比較大?？偨Y(jié)成一句話(huà)：Android的碎片化真是要來(lái)開(kāi)發(fā)者的命。
CSS技巧總結(jié)
一.使用css縮寫(xiě)
使用縮寫(xiě)可以幫助減少你CSS文件的大小，更加容易閱讀。
二.明確定義單位，除非值為0
忘記定義尺寸的單位是CSS新手普遍的錯(cuò)誤。在HTML中你可以只寫(xiě)width="100"，但是在CSS中，你必須給一個(gè)準(zhǔn)確的單位，比如：width:100px width:100em。只有兩個(gè)例外情況可以不定義單位：行高和0值。除此以外，其他值都必須緊跟單位，注意，不要在數(shù)值和單位之間加空格。
三.區(qū)分大小寫(xiě)
當(dāng)在XHTML中使用CSS，CSS里定義的元素名稱(chēng)是區(qū)分大小寫(xiě)的。為了避免這種錯(cuò)誤，我建議所有的定義名稱(chēng)都采用小寫(xiě)。
class和id的值在HTML和XHTML中也是區(qū)分大小寫(xiě)的，如果你一定要大小寫(xiě)混合寫(xiě)，請(qǐng)仔細(xì)確認(rèn)你在CSS的定義和XHTML里的標(biāo)簽是一致的。
四.取消class和id前的元素限定
當(dāng)你寫(xiě)給一個(gè)元素定義class或者id，你可以省略前面的元素限定，因?yàn)镮D在一個(gè)頁(yè)面里是唯一的，而clas s可以在頁(yè)面中多次使用。你限定某個(gè)元素毫無(wú)意義。例如：
div#content { /* declarations */ }
fieldset.details { /* declarations */ }
可以寫(xiě)成
#content { /* declarations */ }
.details { /* declarations */ }
這樣可以節(jié)省一些字節(jié)。
五.默認(rèn)值
通常padding的默認(rèn)值為0，background-color的默認(rèn)值是transparent。但是在不同的瀏覽器默認(rèn)值可能不同。如果怕有沖突，可以在樣式表一開(kāi)始就先定義所有元素的margin和padding值都為0，象這樣：
* {
margin:0;
padding:0;
}
c六.不需要重復(fù)定義可繼承的值
CSS中，子元素自動(dòng)繼承父元素的屬性值，象顏色、字體等，已經(jīng)在父元素中定義過(guò)的，在子元素中可以直接繼承，不需要重復(fù)定義。但是要注意，瀏覽器可能用一些默認(rèn)值覆蓋你的定義。
猜你感興趣：
4.網(wǎng)頁(yè)設(shè)計(jì)技術(shù)論文
5.Javascript學(xué)習(xí)計(jì)劃范文
7.程序代碼流程圖