對(duì)于剛剛學(xué)建站的新手來(lái)說,當(dāng)看見一個(gè)很漂亮的網(wǎng)站時(shí),我們內(nèi)心就狂喜(我是這樣的感覺)希望自己能做出一樣漂亮的網(wǎng)站,但是當(dāng)我們看見CSS代碼的那一刻,心就涼了半截,跟本就無(wú)處下手!傻傻的弄不清楚他們都是干什么用的,為此今天就整理了下常見CSS屬性單詞及解釋,方便我們?cè)?a href="http://wjs-design.cn/tags-4.html" target="_blank">制作網(wǎng)站的時(shí)候不會(huì)無(wú)從下手,現(xiàn)在就跟我一起了解并解決下面四個(gè)問題吧:
1、常用CSS單詞有哪些
2、常用CSS單詞對(duì)應(yīng)作用和使用方法
3、CSS單詞對(duì)應(yīng)用法實(shí)例
4、是否需要記住這些單詞
常見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í)線
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 文字裝飾(下劃線、刪除線)
text-decoration:underline 對(duì)象文字加下劃線
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è)問題:這么多的單詞我需要全部會(huì)拼寫記住嗎?
答案是如果不會(huì)拼寫也無(wú)所謂,但我們一定要是知道以上CSS代碼的作用,這是很重要的!那為什么說不一定非要記住呢?因?yàn)榭梢越柚鶧W軟件很快能寫出輸入各個(gè)屬性及對(duì)應(yīng)的值。平時(shí)我們?cè)谥谱骶W(wǎng)站時(shí)會(huì)大量接觸和使用,日久自然就會(huì)拼寫,所以沒必要硬記住,當(dāng)然能記住是最好的。
技巧:一看見CSS 屬性單詞就知道他用法或想實(shí)現(xiàn)什么效果就想到用什么CSS單詞,前字母是什么即可,用DW既可以很快輸入這些單詞同時(shí)也無(wú)需記住這些單詞。
轉(zhuǎn)載請(qǐng)保留原文地址: http://wjs-design.cn/show-463.html