| |
本教程系個(gè)人抽工作之余所作，按照我個(gè)人的想法我是想將一些基本的東西以較為輕松的語(yǔ)言描述出來(lái)，做成一個(gè)系列教程（這需要時(shí)間，我會(huì)努力抽空更新的），爭(zhēng)取讓每一個(gè)看這個(gè)東東的人都能有所收獲，但是因作者本人水平有限，不妥當(dāng)之處敬請(qǐng)留言批評(píng)指正。
本教程假設(shè)您沒(méi)有任何CSS樣式表語(yǔ)言的基礎(chǔ)，甚至，您可以完全不知道CSS是什么東東，但是，我們同樣假設(shè)您已經(jīng)掌握了基本的HTML/XHTML語(yǔ)法。比如，您肯定知道＜head>＜/head>是表明頁(yè)面的頭部，＜p>＜/p>是表示頁(yè)面的一個(gè)段落。
1、正式開(kāi)始學(xué)習(xí)之前的幾句??嗦話：
CSS不是什么高深的東東，它的編寫(xiě)環(huán)境也很簡(jiǎn)單，你只需要在WINDOWS自帶的記事本中編寫(xiě)，然后在瀏覽器中查看效果就可以了，不要認(rèn)為你是在編程，實(shí)際上css唯一的作用是用來(lái)控制網(wǎng)頁(yè)中各種對(duì)象的表現(xiàn)形式而已，so…你要有充足的信心相信你一定可以學(xué)好。
雖然CSS學(xué)習(xí)起來(lái)并不困難，但是它也講究一個(gè)動(dòng)手能力和實(shí)際操作經(jīng)驗(yàn)。我認(rèn)為所有講究動(dòng)手能力和實(shí)際操作經(jīng)驗(yàn)的知識(shí)學(xué)習(xí)起來(lái)最好的方法就是動(dòng)手去實(shí)踐，所以，我們?yōu)槭裁床粚?shí)際練習(xí)一下呢？記住一點(diǎn)：看100頁(yè)書(shū)，不如動(dòng)手寫(xiě)10行代碼。
2、本小結(jié)您將學(xué)習(xí)的內(nèi)容：
CSS到底是什么東東，它有何作用？
在網(wǎng)頁(yè)中加入CSS的方法。
第一個(gè)問(wèn)題：CSS到底是什么東東，有何作用？
在解決這個(gè)問(wèn)題之前，我們先來(lái)看看網(wǎng)站中一個(gè)頁(yè)面的基本組成：通常，一個(gè)頁(yè)面（前臺(tái)）由一下三個(gè)部分組成：結(jié)構(gòu)，表現(xiàn)和行為。
![請(qǐng)?zhí)砑用枋?src="/Files/BeyondPic/2009-12/5/1259905715548.jpg"]()
注：
結(jié)構(gòu)：通常指結(jié)構(gòu)化的文本，通俗點(diǎn)理解就是經(jīng)過(guò)結(jié)構(gòu)化了的頁(yè)面內(nèi)容。用于結(jié)構(gòu)化WEB標(biāo)準(zhǔn)技術(shù)有HTML、XHTML、XML等。
表現(xiàn)：指將頁(yè)面中的元素用什么樣的外觀展示出來(lái)，比如文字的字體，字號(hào)，顏色，大小，是否有下劃線，頁(yè)面的背景顏色（圖片），段落的對(duì)齊方式，元素在頁(yè)面的擺放位置等等。通常用于表現(xiàn)的標(biāo)準(zhǔn)技術(shù)就是我們這個(gè)教程要講的CSS（層疊樣式表）技術(shù)。
行為：通俗理解為人（用戶）與網(wǎng)頁(yè)的交互，比如：我在頁(yè)面的某個(gè)元素上單擊一下鼠標(biāo)，頁(yè)面會(huì)給我什么反應(yīng)——這就是一個(gè)簡(jiǎn)單的人與網(wǎng)頁(yè)的交互，我們也可以大體理解為人與機(jī)器的交互，交流，溝通（這幾個(gè)詞可能不太準(zhǔn)確，請(qǐng)?jiān)徟荚跐h語(yǔ)辭藻方面的貧乏）。目前主要表現(xiàn)行為的技術(shù)是各種所謂的腳本技術(shù)，比如：javascript（當(dāng)前那是相當(dāng)流行�。�。
有了上面的知識(shí)鋪墊，我們知道了CSS是用來(lái)控制頁(yè)面表現(xiàn)的，也就是說(shuō)是用來(lái)控制網(wǎng)頁(yè)最終展示出來(lái)的外觀的。CSS的英文全稱是Cascading Style Sheets，翻譯過(guò)來(lái)就是層疊樣式表。我們?yōu)槭裁匆褂肅SS呢？先來(lái)看看不使用CSS的網(wǎng)頁(yè)頁(yè)面代碼：
從上面我們可以看出，用于控制內(nèi)容表現(xiàn)形式的代碼（紅色部分）是和內(nèi)容部分混雜在一起的，也就是說(shuō)，二者互相混雜，不可分割�，F(xiàn)在我們?cè)賮?lái)看看使用css后的代碼：
注：上面的代碼如果看不懂也沒(méi)關(guān)系，后面我們會(huì)深入的講解。
從上我們可以看出，使用CSS后可以將內(nèi)容（紅色部分）和表現(xiàn)（css部分）區(qū)分開(kāi)來(lái)，只要你愿意，你甚至可以將CSS部分和HTML部分分別做成2個(gè)不同的文件，存放在不同的文件夾下。很顯然，使用CSS將結(jié)構(gòu)和表現(xiàn)分離后的代碼維護(hù)方便，邏輯清晰，有條理，而且，我們甚至還可以把一個(gè)CSS文件應(yīng)用給多個(gè)不同的HTML文件，來(lái)控制他們的外觀，可以有效減小站點(diǎn)的體積。
上面我們簡(jiǎn)單介紹了CSS是什么和它能用來(lái)干什么的問(wèn)題，那么我們?nèi)绾尾拍茉诰W(wǎng)頁(yè)制作中使用CSS技術(shù)呢？ 本新聞共 2頁(yè),當(dāng)前在第 1頁(yè) 1 2 |
|
|
| 【收藏】【打印】【進(jìn)入論壇】 |
|
|
|
|
| |
|
|
|
