CSS Typography


Typography


テキストと段落のプロパティを制御し、次のスタイルを使用します.
(1)スタイルタイプ
1) 글자

가. font-family

나. font-size

다. line-height

라. font-weight

마. font-style

바. font-variant




2) 문단

가. text-align(인라인 요소의 가로정렬 셋팅)

나. text-indent(들여쓰기)

다. text-decoration(글자장식 밑줄)

라. text-transform(대문자 소문자)

마. vertical-align(인라인 요소의 수직위치 정렬)

바. letter-spacing(자간)

사. word-spacing(단어와 단어사이)

아. white-space(공백문자처리)

자. word-break(줄바꿈처리)
(2) font-family

  • Webページのフォントの指定

  • 継承されたスタイル

  • Webページの代表フォントbody要素にフォントを割り当てる
  • (3) font-size

  • 文字サイズを指定し、相対単位、絶対単位を使用できます.

  • 文字サイズも継承された属性で、システムが表す文字サイズはbody属性で指定されます.

  • 見出し要素、フォーム要素は文字を継承しません

  • ぜったいたんい
    	* px → 해상도 기준
    
    	* % → 백분율 단위
    
    	* em → 척도단위(기준이 되는 값을 1로 보고 그에 대한 배율을 적용)
  • (4) line-height

  • 行の要素の高さを表します.

  • エレメントの高さの中央にテキストを配置します.

  • ぎょうこけいさんほう
    	(line-height) - (font-size) / 2 = 반행간(행간의 절반)
    
    	반행간을 글자의 상단과 글자의 하단에 배치
    
    	반행간+글자크기+반행간 = line-height
    
    	(20-12)/2 = 4px
    
    	4px + 12px + 4px = 20px
  • (5) font-weight

  • 文字の重さを表し、normal、100~900、boldなどを用いる.

  • タイトル要素はboldを適用する要素です.
  • (6) font-style
  • 字スタイル、斜体、斜体を表現します.
  • (7) font-variant

  • 大文字で小文字を表す場合は、英語にのみ適用されます.

  • 使用する値はnormal、sight-capsに適用されます.
  • (8) text-align

  • 行の要素の水平方向の配置を表示

  • 行の要素には、テキスト、画像、フォーム要素が含まれます.

  • スタイル行の要素を囲む[ブロック](Block)要素で作成

  • 使用する値は、左、中、右、videfireです.
  • (9) text-decoration

  • 文字の装飾を表す.

  • 使用する値には、下線(下線)、ハイパーライン(上線)、および直線貫通(削除線)が含まれます.
  • (10) text-transform

  • 小文字と大文字の変換

  • 使用する値は、大文字(大文字)、小文字(小文字)大文字(最初の大文字のみ)などです.
  • (11) text-indent

  • インデントとインデント、正のインデント、負のインデントを表します.

  • text-indentは主に負の値-99999 pxを使用して画面にテキストを隠すために使用されます.
  • (12)文字間隔、単語間隔
  • 制御ワードとワードの間隔
  • の負の値を入力、間隔
  • を制御する.
    (13) vertical-align

  • 行の要素間の垂直位置の配置

  • 使用する値には、ベースライン、上部、中央、下部が含まれます.

  • スタイルをブロック要素の行内要素に適用する
  • (14) List-style-type

  • リストのシンボルタイプを変更したり、複数のシンボル設定を行うことができます.

  • デフォルト値はほとんど使用されず、主に背景画像を使用してリストシンボルを表示するため、リストに表示されるリストシンボルはnoneに設定されて非表示になります.

  • 親要素ul、olサブ要素liの任意の場所でリスト設定を作成します.しかし、一般的にはliに宣言します.