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