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 不是一個具體的字體,在前幾種字體都不支持的情況下,告訴瀏覽器顯示一種支持的“無襯線”的一種字體顯示;

 

還有,就是哈哈,查手冊~

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM