對于剛剛學(xué)建站的新手來說，當(dāng)看見一個很漂亮的網(wǎng)站時，我們內(nèi)心就狂喜(我是這樣的感覺)希望自己能做出一樣漂亮的網(wǎng)站，但是當(dā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)站時會大量接觸和使用，日久自然就會拼寫，所以沒必要硬記住，當(dāng)然能記住是最好的。
技巧：一看見CSS 屬性單詞就知道他用法或想實現(xiàn)什么效果就想到用什么CSS單詞，前字母是什么即可，用DW既可以很快輸入這些單詞同時也無需記住這些單詞。
轉(zhuǎn)載請保留原文地址: http://www.fij982.cn/show-463.html