CSS控制段落和文字屬性和背景
一、CSS控制段落:
段落縮排:text-indent:20px;
文字方向:text-align:center;
文字修飾:text-decoration:underline;下劃線
overline;上劃線
Line-though;刪除線
字與字之間的距離:letter-spacing:10px;
……(還有很多屬性,可通過查詢手冊瞭解相關知識)
二、CSS控制字的大小字型及顏色
字型的顏色:color:blue;藍色
斜體效果:font-style:italic;
加粗效果:font-weight:bold;
字的大小:font-size:32px;
行高:line-height:46px;
字型:font-family:“SimHei”;黑體
有些屬性可以寫到一起,例如上面的5個屬性,但需要按照順序寫,且字的大小和行高這兩項要用 "/" 分開,加以區分,如:
{font:italic bold 32px/46px "SimHei"}
三、CSS字型設定技巧
1.關於字型:有兩大類(有襯線和無襯線)
例:報紙或者新聞的頭條,一般用的黑體/微軟雅黑:其字的拐角和筆畫處都是平的,稱為“無襯線”的字型(英文:sans-serif)的一種;
而正文部分則是使用宋體/新宋體:是“有襯線”的字型(英文:serif)的一種
2.設計者設定的字型,可能使用者的瀏覽器不支援(未安裝該字型),那麼使用者端顯示的是其瀏覽器預設的那一種字型。
此時,比較好的解決方法是:在font-family 屬性下,寫多個字型設定,並將不常見的,比較特殊的字型放在前面,相對常見的放後面,用逗號隔開,例如:
{
font-family:“徐靜蕾字型”,“微軟雅黑”,“黑體”,sans-serif;
}
注:sans-serif 不是一個具體的字型,在前幾種字型都不支援的情況下,告訴瀏覽器顯示一種支援的“無襯線”的一種字型顯示;
四、CSS控制背景
CSS中背景:
background CSS手冊
background-color 設定顏色作為物件背景顏色
background-image 設定圖片作為背景圖片
background-repeat 設定背景平鋪重複方向
background-attachment 設定或檢索背景影象是隨物件內容滾動還是固定的。
background-position 設定或檢索物件的背景影象位置。