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