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