建站過(guò)程中常見(jiàn)的CSS屬性單詞及使用方法

對(duì)于剛剛學(xué)建站的新手來(lái)說(shuō)，當(dāng)看見(jiàn)一個(gè)很漂亮的網(wǎng)站時(shí)，我們內(nèi)心就狂喜(我是這樣的感覺(jué))希望自己能做出一樣漂亮的網(wǎng)站，但是當(dāng)我們看見(jiàn)CSS代碼的那一刻,心就涼了半截，跟本就無(wú)處下手！傻傻的弄不清楚他們都是干什么用的,為此今天就整理了下常見(jiàn)CSS屬性單詞及解釋?zhuān)奖阄覀冊(cè)谥谱骶W(wǎng)站的時(shí)候不會(huì)無(wú)從下手，現(xiàn)在就跟我一起了解并解決下面四個(gè)問(wèn)題吧：

1、常用CSS單詞有哪些

2、常用CSS單詞對(duì)應(yīng)作用和使用方法

3、CSS單詞對(duì)應(yīng)用法實(shí)例

4、是否需要記住這些單詞

常見(jiàn)CSS英文單詞、對(duì)應(yīng)功能、對(duì)應(yīng)解釋及對(duì)應(yīng)的簡(jiǎn)單例子

1、float 浮動(dòng)

Float:left;靠左浮動(dòng)

Float:right:靠右浮動(dòng)

2、width 寬度

Width:20px; 對(duì)象寬度20px

3、height 高度

Height:20px; 對(duì)象高度20px

4、margin 外補(bǔ)距

Margin:1px 2px 3px 4px 對(duì)象上距離1px；右為2px；下為3px；左為4px

5、padding 內(nèi)補(bǔ)距

Padding:1px 2px 3px 4px 對(duì)象內(nèi)距離邊上為1px；右為2px；下為3px；左為4px

6、border 邊框

Border:1px solid #111; 對(duì)象邊框?yàn)?px寬黑實(shí)線(xiàn)

7、font-family 字體

font-family:"黑體"; 對(duì)象文字字體為黑體

8、font-size 文字大小

font-size:12px 對(duì)象文字大小為12px

9、font-weight 文字加粗

font-weight:bold 對(duì)象文字被加粗

10、line-height 行高

line-height:20px 對(duì)象內(nèi)上下2排文字行高為20px（包括文字自身占用高度）

11、text-decoration 文字裝飾（下劃線(xiàn)、刪除線(xiàn)）

text-decoration:underline 對(duì)象文字加下劃線(xiàn)

12、background 背景屬性

background:#FFF url(bg.png) repeat-x 0 0 對(duì)象背景色為白色、背景圖片為bg.png 按X軸分析重復(fù)顯示并距離頂部和左為0像素

13、text-align 內(nèi)容左中右對(duì)齊屬性

text-align:center 對(duì)象內(nèi)內(nèi)容左右居中顯示

14、position 定位屬性

15、overflow溢出處理

Overflow:hidden 對(duì)象內(nèi)容被隱藏并且不占用虛擬位置

以上為常用的CSS單詞及其屬性。

現(xiàn)在想必你又有這樣一個(gè)問(wèn)題：這么多的單詞我需要全部會(huì)拼寫(xiě)記住嗎？

答案是如果不會(huì)拼寫(xiě)也無(wú)所謂，但我們一定要是知道以上CSS代碼的作用，這是很重要的！那為什么說(shuō)不一定非要記住呢？因?yàn)榭梢越柚鶧W軟件很快能寫(xiě)出輸入各個(gè)屬性及對(duì)應(yīng)的值。平時(shí)我們?cè)谥谱骶W(wǎng)站時(shí)會(huì)大量接觸和使用，日久自然就會(huì)拼寫(xiě)，所以沒(méi)必要硬記住，當(dāng)然能記住是最好的。

技巧：一看見(jiàn)CSS 屬性單詞就知道他用法或想實(shí)現(xiàn)什么效果就想到用什么CSS單詞，前字母是什么即可，用DW既可以很快輸入這些單詞同時(shí)也無(wú)需記住這些單詞。