|
|
本節(jié)概況：
1. css簡(jiǎn)介
2. css編譯器
3. css調(diào)試工具
4. css命名規(guī)范
5. 一款css取色小工具
6. css 與 id 、class 和 element的關(guān)系
首先先簡(jiǎn)單的介紹一下css：css就是層疊樣式表，說(shuō)白了就是給一個(gè)網(wǎng)頁(yè)穿衣服的，起裝飾作用。So easy!
css編譯器：我個(gè)人傾向于dreamweaverCS4,當(dāng)然你也可以使用記事本，但我不推薦你使用記事本。在dreamweaver新建一個(gè)css文件很簡(jiǎn)單，相信你一定會(huì)做到的。
css調(diào)試工具：其實(shí)dreamweaver本身就是一個(gè)強(qiáng)大的css調(diào)試工具，具體如何運(yùn)用我們以后具體講解時(shí)在說(shuō)，大家也可以去網(wǎng)上查找攻略，估計(jì)會(huì)很多
溫馨提示：大家不要使用設(shè)計(jì)視圖去生成代碼，也不要看類似的教程，代碼還是從鍵盤中敲打進(jìn)去的顯得踏實(shí)。
綠色廣告：這里再介紹一個(gè)知識(shí)，就是兼容，可能大家會(huì)覺(jué)得很陌生，沒(méi)關(guān)系，先有個(gè)印象就行了，舉個(gè)例子：大家在使用軟件時(shí)往往要分操作系統(tǒng)，而網(wǎng)頁(yè)呢，大家就要分瀏覽器了。（不懂這個(gè)地方可以不看）
學(xué)習(xí)web標(biāo)準(zhǔn)必備瀏覽器：（這個(gè)是十分重要的，我以后的教程都會(huì)圍繞這個(gè)展開）firefox是一款最接近web標(biāo)準(zhǔn)的瀏覽器，希望大家都要安裝。
firefox插件擴(kuò)展：學(xué)習(xí)web前端設(shè)計(jì)你不得不了解幾個(gè)firefox插件。首先說(shuō)一下在firefox中安裝插件的方法：
1. 打開firefox->工具->附加組建 
2. 然后填入你要安裝的組建的名稱，點(diǎn)擊搜索，找到之后點(diǎn)擊安裝然后在重新啟動(dòng)firfox就可以了。
要安裝的組件：對(duì)于初學(xué)者我們先安裝一個(gè)firebug插件就足夠使用和調(diào)試了。安裝firebug成功后你的瀏覽器底端會(huì)有一個(gè)小蟲子圖標(biāo)
，點(diǎn)擊他或者按F12就會(huì)啟動(dòng)firebug這個(gè)插件了。具體這個(gè)插件如何使用，我以后會(huì)講解，如果大家已迫不及待了，可以先去網(wǎng)上找找攻略。
css命名規(guī)范（下載參考資料）：
1. 命名依據(jù)：取義命名法，就是根據(jù)你網(wǎng)頁(yè)的區(qū)塊內(nèi)容來(lái)命名，比如你要寫個(gè)塊，這個(gè)塊中包含的是一篇文章，那么你可以這樣做：
<div id=“article”>文章的內(nèi)容</div>
2. 命名寫法：采用駱駝式書寫格式，比如文章圖片你可以這樣來(lái)命名：articlePic…,第一個(gè)單詞要小寫，第二個(gè)單詞以及以后的單詞的開頭字母要大寫，禁止使用中文進(jìn)行命名
一款css取色的小工具（下載）：
把上面的取色筆拖動(dòng)到要取的顏色區(qū)域中，就會(huì)自動(dòng)獲取到該顏色的十六進(jìn)制值和rgb值，在網(wǎng)頁(yè)中我們通常用十六進(jìn)制值來(lái)表示一種色彩。
css 與 id 、class 和 element的關(guān)系：回顧一下html標(biāo)簽的id和class屬性，因?yàn)檫@兩個(gè)屬性使html標(biāo)簽和css完美的組合到了一起，如果你還對(duì)這兩個(gè)屬性不是很了解，你可以看看自己寫的 web標(biāo)準(zhǔn)教程，幫你走進(jìn)web標(biāo)準(zhǔn)設(shè)計(jì)的世界——第一講 中的相關(guān)介紹。
it知識(shí)庫(kù)：自己寫的web標(biāo)準(zhǔn)教程，幫你走進(jìn)web標(biāo)準(zhǔn)設(shè)計(jì)的世界——第四講（css篇1），轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
