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