對(duì)於(yú)剛剛學建站(zhàn)的(dí)新手(shǒu)來說，當看見一(yī)個很(hěn)漂(piāo)亮的網(wǎng)站(zhàn)時，我(wǒ)們(mén)內(nèi)心(xīn)就狂喜(我是(shì)這樣的感覺)希望自己能做出一樣漂亮(liàng)的網(wǎng)站(zhàn)，但(dàn)是(shì)當我們看見CSS代碼的(dí)那(nà)一刻(kè),心就涼了(liǎo)半截，跟本(běn)就無處(chǔ)下手(shǒu)！傻傻的弄不清(qīng)楚他(tā)們都是(shì)幹什麼用的(dí),為(wéi)此今天(tiān)就整(zhěng)理了(liǎo)下常(cháng)見CSS屬性單(dān)詞(cí)及(jí)解釋，方(fāng)便我(wǒ)們在製(zhì)作(zuò)網站的時(shí)候不會無從(cóng)下手，現在(zài)就(jiù)跟我(wǒ)一起(qǐ)了解並解決(jué)下麵四個問題吧(bā)：
1，常用CSS單(dān)詞(cí)有(yǒu)哪(nǎ)些(xiē)
2，常(cháng)用CSS單詞(cí)對應(yīng)作(zuò)用和(hé)使用(yòng)方(fāng)法
3，CSS單詞(cí)對應(yīng)用(yòng)法實例
4，是(shì)否(fǒu)需(xū)要記(jì)住這些(xiē)單詞
常見CSS英文單詞，對應功(gōng)能(néng)，對應解釋及對應的簡單例(lì)子
1，float 浮動(dòng)
Float:left;靠左(zuǒ)浮動
Float:right:靠右(yòu)浮動
2，width 寬(kuān)度
Width:20px; 對象寬度20px
3，height 高度
Height:20px; 對(duì)象(xiàng)高(gāo)度20px
4，margin 外補距
Margin:1px 2px 3px 4px 對(duì)象上(shàng)距(jù)離(lí)1px；右為2px；下(xià)為3px；左(zuǒ)為4px
5，padding 內(nèi)補距
Padding:1px 2px 3px 4px 對(duì)象內(nèi)距離邊上(shàng)為(wéi)1px；右為2px；下為(wéi)3px；左為(wéi)4px
6，border 邊(biān)框
Border:1px solid #111; 對(duì)象邊(biān)框為1px寬黑實綫
7，font-family 字(zì)體
font-family:"黑體(tǐ)"; 對(duì)象(xiàng)文字字(zì)體(tǐ)為黑(hēi)體(tǐ)
8，font-size 文(wén)字(zì)大(dà)小
font-size:12px 對象文字大(dà)小為(wéi)12px
9，font-weight 文字加(jiā)粗
font-weight:bold 對(duì)象(xiàng)文字(zì)被加粗
10，line-height 行高(gāo)
line-height:20px 對(duì)象內上(shàng)下2排文字行高為(wéi)20px（包(bāo)括文(wén)字(zì)自身(shēn)占用高(gāo)度）
11，text-decoration 文字裝飾(shì)（下劃綫，刪除綫(xiàn)）
text-decoration:underline 對(duì)象文(wén)字加下(xià)劃綫
12，background 背景(jǐng)屬(shǔ)性(xìng)
background:#FFF url(bg.png) repeat-x 0 0 對(duì)象(xiàng)背景(jǐng)色為白(bái)色，背景圖(tú)片為(wéi)bg.png 按(àn)X軸分析重復顯(xiǎn)示並(bìng)距(jù)離頂(dǐng)部(bù)和(hé)左為0像素
13，text-align 內(nèi)容左中右對齊屬性(xìng)
text-align:center 對象內(nèi)內(nèi)容左(zuǒ)右居(jū)中顯示(shì)
14，position 定位(wèi)屬性(xìng)
15，overflow溢(yì)出處(chǔ)理(lǐ)
Overflow:hidden 對象內容被(bèi)隱藏(cáng)並(bìng)且不占(zhān)用(yòng)虛擬(nǐ)位(wèi)置(zhì)
以上(shàng)為常用的CSS單詞及(jí)其屬性。
現在想(xiǎng)必你又有這樣(yàng)一個(gè)問(wèn)題：這(zhè)麼多的單(dān)詞我需要全部(bù)會拼寫(xiě)記(jì)住(zhù)嗎？
答(dá)案是如果不(bù)會(huì)拼寫(xiě)也無所謂(wèi)，但我們一(yī)定(dìng)要是知(zhī)道以(yǐ)上CSS代碼(mǎ)的作(zuò)用(yòng)，這(zhè)是(shì)很重要(yào)的(dí)！那(nà)為(wéi)什(shí)麼說不一定非要記(jì)住呢(ní)？因為(wéi)可(kě)以借(jiè)助(zhù)DW軟(ruǎn)件很快(kuài)能(néng)寫(xiě)出輸(shū)入各(gè)個(gè)屬性(xìng)及對應(yīng)的值。平(píng)時我們(mén)在製(zhì)作網(wǎng)站時(shí)會大量接觸和(hé)使(shǐ)用(yòng)，日久自(zì)然就會(huì)拼寫，所(suǒ)以(yǐ)沒(méi)必要硬記(jì)住(zhù)，當然(rán)能(néng)記住(zhù)是(shì)最(zuì)好的(dí)。
技巧(qiǎo)：一(yī)看見(jiàn)CSS 屬(shǔ)性單(dān)詞就知(zhī)道他用(yòng)法(fǎ)或(huò)想(xiǎng)實現什麼(mó)效果就想到用什麼(mó)CSS單(dān)詞(cí)，前字母是(shì)什麼(mó)即(jí)可(kě)，用DW既可(kě)以(yǐ)很(hěn)快(kuài)輸(shū)入這(zhè)些(xiē)單(dān)詞同(tóng)時(shí)也(yě)無需記住這(zhè)些單詞。
轉(zhuǎn)載(zǎi)請保(bǎo)留(liú)原文(wén)地(dì)址(zhǐ): https://antelcom.cn/show-463.html