DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS初學福音:解決你對英文單詞的不理解
CSS初學福音:解決你對英文單詞的不理解
編輯:CSS詳解     

 這是一篇針對CSS新手的文章,可能很多webjx.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格式<<<

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved