欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

CSS中文字相关属性的介绍

程序员文章站 2022-05-14 11:50:13
...
本篇文章给大家带来的内容是关于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中文字相关属性的介绍的详细内容,更多请关注其它相关文章!

相关标签: html html5 css