CSS - Typography (+추가)

CSS - Typography

 

자주 사용하는 속성들 🔺

 

 

---

 

덜 사용하는 속성들🔻

 

 

📌 text-align

 

left  |  right  | center

 

= 왼쪽 정렬 / 오른쪽 정렬 / 가운데 정렬

 

 

 

📌 text-indent

 

들여 쓰기

(문단 시작시)

 

예> text-indent: 100px;

 

** 음수(마이너스)값도 사용 가능 (왼쪽으로 밀려남)

 

 

📌 text-transform

 

알파벳 베이스의 문자들만.

none	Default.	Yeon jin
capitalize	단어마다 첫문자가 대문자가 됨.	Yeon Jin
uppercase	모든 글자가 다 대문자	YEON JIN
lowercase	모든 글자가 다 소문자	yeon jin

 

 

📌 text-decoration

 

none	hello
underline	hello
line-through	hello
overline	____ hello (텍스트 위에 생김)

 

보통은 anchor 태그 밑줄 없앨 때 사용함.

(디폴트 설정 제거시)

 

 

 

📌 font-style

 

normal   |   Italic   |   Oblique (잘 안씀)

 

 

주로 html 마크업시 강조를 위해 사용한

<em>태그가 디폴트 스타일이 Italic인데, 이를 제거하기 위해서 쓴다.

 

 

 

 

어떤것은 속성명이 font로 시작하고
어떤것은 왜 text로 시작하고 ... ?
>> 그냥 외우자. ^_^

 

 

---

ref lecture.

 

• https://edu.goorm.io/learn/lecture/20583