首页 >web前端 >css教程 >CSS中文字相关属性的介绍

CSS中文字相关属性的介绍

不言
不言转载
2018-11-16 16:24:501997浏览

本篇文章给大家带来的内容是关于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删除