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

CSS中文字相關屬性的介紹

不言
發布: 2018-11-16 16:24:50
轉載
2000 人瀏覽過

這篇文章帶給大家的內容是關於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
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板