>  기사  >  웹 프론트엔드  >  CSS의 텍스트 관련 속성 소개

CSS의 텍스트 관련 속성 소개

不言
不言앞으로
2018-11-16 16:24:501978검색

이 글은 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
#🎜🎜 #텍스트 색상{색상: 흰색} 색상 값은 16진수로 표현된다고 합니다:

   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
#🎜 🎜#색상값 약어: #🎜 🎜#

3원색을 나타내는 세 개의 숫자가 동시에 동일한 경우 #

텍스트 글꼴{ 글꼴 패밀리: "글꼴 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加粗字体
Alignment

가로/세로:

   {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으로 문의하시기 바랍니다. 삭제