建站過程中常見的CSS屬性單詞及使用方法

對于剛剛學(xué)建站的新手來說，當看見一個很漂亮的網(wǎng)站時，我們內(nèi)心就狂喜(我是這樣的感覺)希望自己能做出一樣漂亮的網(wǎng)站，但是當我們看見CSS代碼的那一刻,心就涼了半截，跟本就無處下手！傻傻的弄不清楚他們都是干什么用的,為此今天就整理了下常見CSS屬性單詞及解釋，方便我們在制作網(wǎng)站的時候不會無從下手，現(xiàn)在就跟我一起了解并解決下面四個問題吧：

1、常用CSS單詞有哪些

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

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

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

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

1、float 浮動

Float:left;靠左浮動

Float:right:靠右浮動

2、width 寬度

Width:20px; 對象寬度20px

3、height 高度

Height:20px; 對象高度20px

4、margin 外補距

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

5、padding 內(nèi)補距

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

6、border 邊框

Border:1px solid #111; 對象邊框為1px寬黑實線

7、font-family 字體

font-family:"黑體"; 對象文字字體為黑體

8、font-size 文字大小

font-size:12px 對象文字大小為12px

9、font-weight 文字加粗

font-weight:bold 對象文字被加粗

10、line-height 行高

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

11、text-decoration 文字裝飾（下劃線、刪除線）

text-decoration:underline 對象文字加下劃線

12、background 背景屬性

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

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

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

14、position 定位屬性

15、overflow溢出處理

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

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

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

答案是如果不會拼寫也無所謂，但我們一定要是知道以上CSS代碼的作用，這是很重要的！那為什么說不一定非要記住呢？因為可以借助DW軟件很快能寫出輸入各個屬性及對應(yīng)的值。平時我們在制作網(wǎng)站時會大量接觸和使用，日久自然就會拼寫，所以沒必要硬記住，當然能記住是最好的。

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