克服CSS學(xué)習(xí)障礙 CSS中英文對(duì)照字典_CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
這是一篇針對(duì)CSS新手的文章,可能很多Mb5u.com的網(wǎng)友來說,已經(jīng)非常熟悉,但對(duì)于很多新人來說,學(xué)習(xí)CSS的一個(gè)很大的困難,不是因?yàn)镃SS難以理解,而是因?yàn)镃SS中的英文單詞太多。其實(shí)CSS的原理非常簡單。
舉個(gè)例子來說,比如說我們要描述一個(gè)人,我們可以這樣寫:
通過這樣一張表,就可以把一個(gè)人的基本情況描述出來了。表中每一行分別描述了一個(gè)人的某一種屬性,以及該屬性的屬性值。CSS的作用就是設(shè)置網(wǎng)頁的各個(gè)組成部分的表現(xiàn)形式。因此,如果把上面的表格換成描述網(wǎng)頁上一個(gè)標(biāo)題的屬性表,可以設(shè)想應(yīng)該大致是這個(gè)樣子:
再進(jìn)一步,如果我們把上面的表格用英語寫出來:
奇跡發(fā)生了,這就是完全正確的CSS代碼了。由此可見,CSS的原理實(shí)際上非常簡單,對(duì)于英語為母語的人來說,寫CSS代碼幾乎就像使用自然語言一樣簡單。
而對(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格式<<< 解壓密碼:m.hl5o.cn
舉個(gè)例子來說,比如說我們要描述一個(gè)人,我們可以這樣寫:
示例代碼 [m.hl5o.cn]
張飛{
身高:185厘米;
體重:105公斤;
性別:男;
性格:暴躁;
民族:漢族;
}
身高:185厘米;
體重:105公斤;
性別:男;
性格:暴躁;
民族:漢族;
}
通過這樣一張表,就可以把一個(gè)人的基本情況描述出來了。表中每一行分別描述了一個(gè)人的某一種屬性,以及該屬性的屬性值。CSS的作用就是設(shè)置網(wǎng)頁的各個(gè)組成部分的表現(xiàn)形式。因此,如果把上面的表格換成描述網(wǎng)頁上一個(gè)標(biāo)題的屬性表,可以設(shè)想應(yīng)該大致是這個(gè)樣子:
示例代碼 [m.hl5o.cn]
2級(jí)標(biāo)題{
字體:宋體;
大�。�15像素;
顏色:紅色;
裝飾:下劃線
}
字體:宋體;
大�。�15像素;
顏色:紅色;
裝飾:下劃線
}
再進(jìn)一步,如果我們把上面的表格用英語寫出來:
示例代碼 [m.hl5o.cn]
h2{
font-family: "宋體";
font-size:15px;
color: red;
text-decoration: underline;
}
font-family: "宋體";
font-size:15px;
color: red;
text-decoration: underline;
}
奇跡發(fā)生了,這就是完全正確的CSS代碼了。由此可見,CSS的原理實(shí)際上非常簡單,對(duì)于英語為母語的人來說,寫CSS代碼幾乎就像使用自然語言一樣簡單。
而對(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格式<<< 解壓密碼:m.hl5o.cn
相關(guān)CSS教程:
CSS教程Rss訂閱Div+Css教程搜索
CSS教程推薦
猜你也喜歡看這些
- HTML頁面中標(biāo)簽的語義與使用位置
- Semantics語義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- HTML打造極具親和力的表單
- HTML中級(jí)教程自定義列表
- HTML表格標(biāo)記教程(18):表格的表頭
- HTML5的結(jié)構(gòu)和語義——語義性的內(nèi)聯(lián)元素(四)
- HTML表格標(biāo)記教程(22):行的亮邊框色屬性BORDERCOLORLIGHT
- DIV CSS布局基礎(chǔ):HTML標(biāo)記(一)
- CSS文件或Web頁面中度量單位介紹及比較
- 如何合理的使用XHTML標(biāo)簽進(jìn)行CSS布局?
- 相關(guān)鏈接:
- 教程說明:
CSS教程-克服CSS學(xué)習(xí)障礙 CSS中英文對(duì)照字典
。