對于剛剛學建站的新手來說,當看見一個很漂亮的網站時,我們內心就狂喜(我是這樣的感覺)希望自己能做出一樣漂亮的網站,但是當我們看見CSS代碼的那一刻,心就涼了半截,跟本就無處下手!傻傻的弄不清楚他們都是干什么用的,為此今天就整理了下常見CSS屬性單詞及解釋,方便我們在制作網站的時候不會無從下手,現在就跟我一起了解并解決下面四個問題吧:
1、常用CSS單詞有哪些
2、常用CSS單詞對應作用和使用方法
3、CSS單詞對應用法實例
4、是否需要記住這些單詞
常見CSS英文單詞、對應功能、對應解釋及對應的簡單例子
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 內補距
Padding:1px 2px 3px 4px 對象內距離邊上為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 對象內上下2排文字行高為20px(包括文字自身占用高度)
11、text-decoration 文字裝飾(下劃線、刪除線)
text-decoration:underline 對象文字加下劃線
12、background 背景屬性
background:#FFF url(bg.png) repeat-x 0 0 對象背景色為白色、背景圖片為bg.png 按X軸分析重復顯示并距離頂部和左為0像素
13、text-align 內容左中右對齊屬性
text-align:center 對象內內容左右居中顯示
14、position 定位屬性
15、overflow溢出處理
Overflow:hidden 對象內容被隱藏并且不占用虛擬位置
以上為常用的CSS單詞及其屬性。
現在想必你又有這樣一個問題:這么多的單詞我需要全部會拼寫記住嗎?
答案是如果不會拼寫也無所謂,但我們一定要是知道以上CSS代碼的作用,這是很重要的!那為什么說不一定非要記住呢?因為可以借助DW軟件很快能寫出輸入各個屬性及對應的值。平時我們在制作網站時會大量接觸和使用,日久自然就會拼寫,所以沒必要硬記住,當然能記住是最好的。
技巧:一看見CSS 屬性單詞就知道他用法或想實現什么效果就想到用什么CSS單詞,前字母是什么即可,用DW既可以很快輸入這些單詞同時也無需記住這些單詞。
評論(0人參與,0條評論)
發(fā)布評論
最新評論