Rumah > hujung hadapan web > tutorial css > CSS中文字相关属性的介绍

CSS中文字相关属性的介绍

不言
Lepaskan: 2018-11-16 16:24:50
ke hadapan
2000 orang telah melayarinya

本篇文章给大家带来的内容是关于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
Salin selepas log masuk

文字颜色{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
Salin selepas log masuk

颜色模式:

   光色模式 R         G      B
           FF        00     00
Salin selepas log masuk

颜色值的缩写:

当表示三原色的三组数字同时相同时,可以缩写为三位;
  当用十六进制表示颜色值时,需要在颜色值前加“#”

文本字体{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加粗字体
Salin selepas log masuk

对齐方式  
  水平/垂直:

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

行高

说明:
      1)当单行文本的行高等于容器高时,可实现单行文本在容器中垂直方向居中对齐;
      2) 当单行文本的行高小于容器高时,可实现单行文本在容器中垂直中齐以上任意位置.
      3) 当单行文本的行高大于容器高时,可实现单行文本在容器中垂直中齐以下任意位置.(IE6及以下版本存在浏览器兼容问题)

Atas ialah kandungan terperinci CSS中文字相关属性的介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:segmentfault.com
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan