1. 程式人生 > >CSS控制段落和文字屬性和背景

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手冊
background-color 設定顏色作為物件背景顏色
background-image 設定圖片作為背景圖片
background-repeat 設定背景平鋪重複方向
background-attachment 設定或檢索背景影象是隨物件內容滾動還是固定的。
background-position 設定或檢索物件的背景影象位置。