一.常用屬性
1.文本設置
Color:文本顏色
Text-align:center/left/right;文本-位置對齊:居中/左右
Font-size:字體大小
Font-family:字體類型
Font-weight:字體粗細
Text-decoration:underline/none;字體-下劃線;
Letter-spacing:px;字與字的距離
Line-height:線行高
Line-height:40px
特點:默認行中內容在垂直中間,利用此特點設置標籤中內容的垂直方向居中
2. 背景圖設置
特點:
1.背景圖範圍比標籤範圍更小,會重複出現,把區域填滿
2.設置背景圖重複的特性,背景圖的位置
設置背景圖重複的特性:
Background-repeat:no-repeat不重複
Repeat-x x軸重複,y軸不重複
Repeat-y y軸重複,x軸不重複
背景圖的位置:
Background-position:x軸 y軸;
二.頁面佈局
利用div標籤頁面佈局
Div是塊級標籤
特點:
1.可設置寬高,獨佔一行
2.默認是上下排列
3.利用float:left;讓塊級標籤並列排列
4.頁面佈局思路:由大到小區域
三.實際案例:搜狗輸入法首頁