Introduction to text-related properties in CSS

This article brings you an introduction to CSS Chinese text-related attributes. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.

Text size{font-size:12px/14px/16px}

Instructions:
1) When the attribute value is a numeric type, the unit must be added to the attribute value, and the attribute value is 0 Except when.
2) The unit can also be pt, 9pt=12px;
3) In order to reduce the font display differences between systems, the browser manufacturers of IE Netscape and Mozilla held a meeting in 1999 and jointly determined 16px/ppi as The default value of the standard font size is 1em. By default, 1em=16px, 0.75em=12px; 1rem is a multiple relative to the root element
4) Use the absolute size keyword

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

Text color {color : white}
It is said that the color value is expressed in hexadecimal:

   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

Color mode:

   光色模式 R         G      B
           FF        00     00

Abbreviation of color value:

When representing the three groups of the three primary colors When the numbers are the same at the same time, they can be abbreviated to three digits;
When using hexadecimal to represent the color value, you need to add "#" before the color value

Text font{font-family: "Font 1 ", "Font 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加粗字体

Alignment
Horizontal/vertical:

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

Line height

Description:
1) When the line of single line text When the height is equal to the height of the container, the single line of text can be vertically aligned in the center of the container;
2) When the line height of the single line of text is less than the height of the container, the single line of text can be vertically aligned at any position above the container.
3) When the line height of a single line of text is greater than the height of the container, the single line of text can be vertically aligned with any position below the container. (IE6 and below versions have browser compatibility issues)

The above is the detailed content of Introduction to text-related properties in CSS. For more information, please follow other related articles on the PHP Chinese website!