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