這是一篇針對CSS新手的文章,可能對許多網友來說已經非常熟悉,但對於許多新人來說,學習CSS的一個很大的困難,不是因為CSS難以理解,而是因為CSS中的英文單詞太多。其實CSS的原理非常簡單。舉個例子來說,比如說我們要描述一個人,我們可以這樣寫:
Example Source Code
[www.downcodes.com]張飛{
身高:185公分;
體重:105公斤;
性別:男;
性格:暴躁;
民族:漢族;
}
透過這樣一張表,就可以把一個人的基本狀況描述出來了。表中每一行分別描述了一個人的某一種屬性,以及該屬性的屬性值。 CSS的功能就是設定網頁的各個組成部分的表現。因此,如果把上面的表格換成描述網頁上一個標題的屬性表,可以設想應該大致是這個樣子:
Example Source Code
[www.downcodes.com] 2級標題{
字體:宋體;
大小:15像素;
顏色:紅色;
裝飾:底線
}
再進一步,如果我們把上面的表格用英文寫出來:
Example Source Code
[www.downcodes.com] h2{
font-family: "宋體";
font-size:15px;
color: red;
text-decoration: underline;
}
奇蹟發生了,這就是完全正確的CSS代碼了。由此可見,CSS的原理實際上非常簡單,對於英語為母語的人來說,寫CSS程式碼幾乎就像使用自然語言一樣簡單。
而對我們,母語不是英語的人來說,自然就稍微難一些了。當然,實際上CSS中用到的英文單字也就幾十個。即使一點英語都不懂,只要花一些時間,把必要的這幾十個單詞,以及一些在CSS佈局中經常用到的單詞,比如content、container等這些“習慣用語”理解,在加上不斷的實踐,相信學習會容易很多了。
這裡我總結了一個“CSS中英文對照字典”,pdf格式,讀者可以下載,一共有160個單詞,如果您對英語實在不靈光,可以花幾天時間,集中背一次,或者在開始學的時候遇到單字不認識,可以查什麼意思。