首頁  >  文章  >  web前端  >  CSS中文字相關屬性的介紹

CSS中文字相關屬性的介紹

不言
不言轉載
2018-11-16 16:24:501982瀏覽

這篇文章帶給大家的內容是關於CSS中文字相關屬性的介紹,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

文字大小{font-size:12px/14px/16px}

說明:
  1)屬性值為數值類型時,必須為屬性值加單位,屬性值為0時除外。
  2)單位還可以是pt,9pt=12px;
  3)為了減少系統間的字體顯示差異,IE Netscape Mozilla的瀏覽器製作商於1999年召開會議,共同確定16px/ppi為標準字體大小預設值,即1em.預設情況下,1em=16px,0.75em=12px;  1rem 相對於根元素的倍數
  4)使用絕對大小關鍵字

   xx-small   =9px
   x-small    =11px
   small      =13px
   medium     =16px
   large      =19px
   x-large    =23px
   xx-large   =27px

文字顏色{color : white}
  說用十六進位表示顏色值:

   0  1  2  3  4   5  6  7  8  9
   0  1  2  3  4   5  6  7  8  9  A  B  C  D  E  F

顏色模式:

   光色模式 R         G      B
           FF        00     00

顏色值的縮寫:

當表示三原色的三組數字同時相同時,可以縮寫為三位;
  當以十六進位表示顏色值時,需要在顏色值前加「#」

文字字體{font-family: "字體1 ", "字體2"}

   说明:
       *当字体是中文字体时需加引号;
       *当英文字体中有空格时需加引号如“Times New Roman”;
       Windows中文版本操作系统下,中文默认字体为宋体或者新宋体,英文字体默认为Arial
   加粗 {font-weight: bold/normal/100-900}     
   倾斜 {font-style: italic/oblique}
       1)在css规范中把字体的粗细分为9个等级,分别从100-900,
       其中100对应最轻的字体变形,而900对应最重的字体变形。
       100-500常规字体600-900加粗字体

對齊方式 
  水平/垂直:

   {text-align:left/right/center/justify(justify个别浏览器不兼容,)
   {vertical-align:top/bottom/middle/baseline;}(只有inline-block(能设置大小,默认排在一行)元素类型支持)

行高

說明:
      1)當單行文字的行高等於容器高時,可實現單行文字在容器中垂直方向居中對齊;
      2) 當單行文字的行高小於容器高時,可實現單行文字在容器中垂直中齊以上任何位置.
      3) 當單行文字的行高大於容器高時,可實現單行文字在容器中垂直中齊以下任意位置.(IE6及以下版本存在瀏覽器相容問題)

#

以上是CSS中文字相關屬性的介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:segmentfault.com。如有侵權,請聯絡admin@php.cn刪除