學(xué)習(xí)啦 > 學(xué)習(xí)方法 > 通用學(xué)習(xí)方法 > 學(xué)習(xí)經(jīng)驗(yàn) > 初學(xué)者怎么學(xué)習(xí)css

初學(xué)者怎么學(xué)習(xí)css

時間: 威敏1027 分享

初學(xué)者怎么學(xué)習(xí)css

  CSS是層疊樣式表是一種用來表現(xiàn)HTML(標(biāo)準(zhǔn)通用標(biāo)記語言的一個應(yīng)用)或XML(標(biāo)準(zhǔn)通用標(biāo)記語言的一個子集)等文件樣式的計(jì)算機(jī)語言。下面學(xué)習(xí)啦小編收集了一些關(guān)于學(xué)習(xí)css的方法,希望對你有幫助

  學(xué)習(xí)css方法1

  階段一:不去想瀏覽器的兼容性問題的情況下能做出頁面,但頁面里到處用TABLE的 模式DIV寫出的頁面。

  階段二:想到了兼容性問題,但無法提前預(yù)防,只會修補(bǔ)問題,大量使用HACK技術(shù)(我對HACK技術(shù)只是知道,但用的很少)

  階段三:可提前預(yù)防BUG,但樣式表中大量應(yīng)用了ID,CLASS,CSS譯過來是重疊樣式表,比如“DIV P SPAN”。這句代碼是標(biāo)明DIV子元素中P的子元素SPAN,這樣寫就可以定義SPAN的樣式了,不用SPAN中加入CLASS了。這也就是CSS的優(yōu)點(diǎn)所在,為什么不好好利用而一定要定義一個CLASS呢!

  階段四:這一階段是最難的,良好的HTML語義結(jié)構(gòu)、合理的CSS、可重復(fù)利用的樣式。良好的語義有這方面的文章,合理的CSS,這兩方面以后一定會寫專題來研究。

  學(xué)習(xí)css方法2

  1. 明確目標(biāo)

  沒有目標(biāo)的學(xué)習(xí),會感覺到后面沒什么成果,在1年前,我也打算學(xué)習(xí)android開發(fā)的,但是目的就是學(xué)習(xí),到網(wǎng)上去下載很多學(xué)習(xí)的視頻,然后把開發(fā)環(huán)境搭建起來,能把Helloworld運(yùn)行起來,能打些log,Activity之間也能互相切換了,但是后面也就不了了之了,因?yàn)椴恢缹W(xué)了要干什么。依葫蘆畫瓢的做了幾個例子,因?yàn)槔锩娴膯栴}都是已經(jīng)解決的,所以也沒能深入的系統(tǒng)學(xué)習(xí)。

  這次因?yàn)楫a(chǎn)品的需要,要做Android版本,要做的東西一開始就已經(jīng)設(shè)計(jì)好了,見搖搖2選1安卓版本,剛開始也不知道里面有些什么技術(shù)難度,但是要做的目標(biāo)已經(jīng)明確了,而且也沒有現(xiàn)成的,碰到問題就查資料,慢慢地解決,這樣有的放矢,學(xué)習(xí)的效果非常好。既有現(xiàn)成的技術(shù)可以使用,又有些技術(shù),需要查比較多的資料,這樣記憶就比較深刻,所掌握的知識也比較系統(tǒng)。

  接下來的一系列文章,我會把在開發(fā)搖搖2選1中遇到的問題,給大家詳細(xì)講講,程序雖然小,但是五臟俱全,做Demo和做產(chǎn)品的要求完全不是一個級別,如果Android大牛感覺知識講的比較淺,那可以繞道,畢竟我是從一個完全的新手開始的。

  2. 了解安卓開發(fā)中比較困難的地方

  學(xué)習(xí)一個新平臺,就要知道此平臺開發(fā)要面臨的困難有哪些,不要做到最后,這些問題沒有考慮,那就比較糟糕了。在網(wǎng)上搜索了下,安卓開發(fā)困難總結(jié)如何:

  1)安卓系統(tǒng)版本比較多,各版本之間的兼容性是個問題,此為系統(tǒng)碎片。

  2)安卓設(shè)備千變?nèi)f化,設(shè)備難以統(tǒng)一,每個產(chǎn)品都成為獨(dú)立,分散的Android碎片。

  3)分辨率五花八門。一個產(chǎn)品,可能需要多個界面排版,人工消耗比較大??偨Y(jié)成一句話:Android的碎片化真是要來開發(fā)者的命。

  CSS技巧總結(jié)

  一.使用css縮寫

  使用縮寫可以幫助減少你CSS文件的大小,更加容易閱讀。

  二.明確定義單位,除非值為0

  忘記定義尺寸的單位是CSS新手普遍的錯誤。在HTML中你可以只寫width="100",但是在CSS中,你必須給一個準(zhǔn)確的單位,比如:width:100px width:100em。只有兩個例外情況可以不定義單位:行高和0值。除此以外,其他值都必須緊跟單位,注意,不要在數(shù)值和單位之間加空格。

  三.區(qū)分大小寫

  當(dāng)在XHTML中使用CSS,CSS里定義的元素名稱是區(qū)分大小寫的。為了避免這種錯誤,我建議所有的定義名稱都采用小寫。

  class和id的值在HTML和XHTML中也是區(qū)分大小寫的,如果你一定要大小寫混合寫,請仔細(xì)確認(rèn)你在CSS的定義和XHTML里的標(biāo)簽是一致的。

  四.取消class和id前的元素限定

  當(dāng)你寫給一個元素定義class或者id,你可以省略前面的元素限定,因?yàn)镮D在一個頁面里是唯一的,而clas s可以在頁面中多次使用。你限定某個元素毫無意義。例如:

  div#content { /* declarations */ }

  fieldset.details { /* declarations */ }

  可以寫成

  #content { /* declarations */ }

  .details { /* declarations */ }

  這樣可以節(jié)省一些字節(jié)。

  五.默認(rèn)值

  通常padding的默認(rèn)值為0,background-color的默認(rèn)值是transparent。但是在不同的瀏覽器默認(rèn)值可能不同。如果怕有沖突,可以在樣式表一開始就先定義所有元素的margin和padding值都為0,象這樣:

  * {

  margin:0;

  padding:0;

  }

  c六.不需要重復(fù)定義可繼承的值

  CSS中,子元素自動繼承父元素的屬性值,象顏色、字體等,已經(jīng)在父元素中定義過的,在子元素中可以直接繼承,不需要重復(fù)定義。但是要注意,瀏覽器可能用一些默認(rèn)值覆蓋你的定義。
猜你感興趣:

1.如何掌握編程的學(xué)習(xí)方法和技巧

2.PS初學(xué)者實(shí)用技巧教程

3.學(xué)習(xí)編程的有效方法

4.網(wǎng)頁設(shè)計(jì)技術(shù)論文

5.Javascript學(xué)習(xí)計(jì)劃范文

6.Photoshop CC與前端有什么聯(lián)系

7.程序代碼流程圖

3077563