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-familyWebページのフォントの指定
継承されたスタイル
Webページの代表フォントbody要素にフォントを割り当てる
文字サイズを指定し、相対単位、絶対単位を使用できます.
文字サイズも継承された属性で、システムが表す文字サイズはbody属性で指定されます.
見出し要素、フォーム要素は文字を継承しません
ぜったいたんい
* px → 해상도 기준
* % → 백분율 단위
* em → 척도단위(기준이 되는 값을 1로 보고 그에 대한 배율을 적용)
行の要素の高さを表します.
エレメントの高さの中央にテキストを配置します.
ぎょうこけいさんほう
(line-height) - (font-size) / 2 = 반행간(행간의 절반)
반행간을 글자의 상단과 글자의 하단에 배치
반행간+글자크기+반행간 = line-height
(20-12)/2 = 4px
4px + 12px + 4px = 20px
文字の重さを表し、normal、100~900、boldなどを用いる.
タイトル要素はboldを適用する要素です.
大文字で小文字を表す場合は、英語にのみ適用されます.
使用する値はnormal、sight-capsに適用されます.
行の要素の水平方向の配置を表示
行の要素には、テキスト、画像、フォーム要素が含まれます.
スタイル行の要素を囲む[ブロック](Block)要素で作成
使用する値は、左、中、右、videfireです.
文字の装飾を表す.
使用する値には、下線(下線)、ハイパーライン(上線)、および直線貫通(削除線)が含まれます.
小文字と大文字の変換
使用する値は、大文字(大文字)、小文字(小文字)大文字(最初の大文字のみ)などです.
インデントとインデント、正のインデント、負のインデントを表します.
text-indentは主に負の値-99999 pxを使用して画面にテキストを隠すために使用されます.
(13) vertical-align
行の要素間の垂直位置の配置
使用する値には、ベースライン、上部、中央、下部が含まれます.
スタイルをブロック要素の行内要素に適用する
リストのシンボルタイプを変更したり、複数のシンボル設定を行うことができます.
デフォルト値はほとんど使用されず、主に背景画像を使用してリストシンボルを表示するため、リストに表示されるリストシンボルはnoneに設定されて非表示になります.
親要素ul、olサブ要素liの任意の場所でリスト設定を作成します.しかし、一般的にはliに宣言します.
Reference
この問題について(CSS Typography), 我々は、より多くの情報をここで見つけました https://velog.io/@whdvkf92/CSS-Typographyテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol