이번에 소개해 드릴 내용은 Text와 Font입니다!

1. TEXT
color: #FF4E00; 
글자 색깔을 지정할 수 있습니다! red, yellow, blue, green 이런 식으로 직접 입력해도
되지만, 색깔 표에서 볼 수 있는 #XXXXXX 형식도 지원합니다.

text-align: center, left, right, justify
글자 정렬에 관한 건데요! 가운데, 왼쪽, 오른쪽 그리고 양쪽 정렬에 대한 속성입니다.

text-decoration: none, overline, 
line-throughunderline 
줄치기! 줄 없음, 글자 위에, 가운데에, 아래에 줄 치는 속성입니다.

text-transform: UPPERCASE, lowercase, Capitalize 
영어 문장에서 모두 대문자, 모두 소문자, 첫 글자만 대문자로 지정하는 속성입니다.

text-indent: 20px;
문장을 쓸 때, 들여 쓰기에 대한 속성입니다.

line-height: 300%;
문단이 있을 때, 줄 간격을 지정해주는 속성입니다.

이 속성들 중 몇 가지를 이용해보겠습니다!
저번 background 편에서 설명드렸던 html을 이용해서 css 파일에 코딩하겠습니다.




2. FONT
font-family: 폰트 이름 1, 폰트 이름 2, ...
적용하고 싶은 폰트 이름을 쓰는데 우선순위 별로 씁니다.
상대방의 PC에 폰트가 적용이 안될 수도 있으니.

font-style: normal,
 italic 
기울인 꼴로 쓰고 싶을 경우

font-size: 20pt
폰트의 크기를 지정해줍니다.

font-weight: normal, 
bold
폰트를 굵게 지정해주고 싶을 때!



이상! 글자 CSS에 관련된 포스팅이었습니다 :)


BE THE FIRST PENGUIN