CSS강의 - TEXT 스타일

글자 색깔

h1 { color : blue }

파랑색글씨

글자 배경색

h1 { background-color : yellow }

노란색배경

글자간격 지정

h1 { letter-spacing : 1.5em }

간격이넓어진다

단어간격 지정

h1 { word-spacing : 30px }

단어간의 간격이 넓어진다

줄간격지정

h1 { line-height: 80% }

줄간의 간격을 80%으로 주자
간격이 줄어들었다.

글자 정렬

h1 { text-align: center }

value값은 right, center, left가 있다.
여기서는 center로 주었다.

글자 장식

h1 {text-decoration: overline}
h2 {text-decoration: line-through}
h3 {text-decoration: underline}
a {text-decoration: none}

overline효과

line-through 효과

underline 효과

네이버링크, none 효과는 일반적으로 링크에 선을 없앨때 많이 쓰인다.


글자 들여쓰기

h1 { text-indent: 3em }

문서 작성처럼, 문단의 첫째 단락을 들여쓰기를 할 수 있다. 들여쓰기 효과를 주면, 다른 문단과 구분이 되므로, 의미를 좀더 분명하고 쉽게 전달을 할 수가 있게 된다.

영어 대소문자

h1 {text-transform: uppercase} h1 {text-transform: lowercase} h1 {text-transform: capitalize}

This is uppercase.

This is lowercase.

This is capitalize.