이번에 소개해 드릴 내용은 Text와 Font입니다!
1. TEXT
color: #FF4E00;
글자 색깔을 지정할 수 있습니다! red, yellow, blue, green 이런 식으로 직접 입력해도
되지만, 색깔 표에서 볼 수 있는 #XXXXXX 형식도 지원합니다.
text-align: center, left, right, justify
글자 정렬에 관한 건데요! 가운데, 왼쪽, 오른쪽 그리고 양쪽 정렬에 대한 속성입니다.
text-decoration: none, overline, line-through, underline
줄치기! 줄 없음, 글자 위에, 가운데에, 아래에 줄 치는 속성입니다.
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에 관련된 포스팅이었습니다 :)
'컴퓨터공학 > 웹프로그래밍(HTML, CSS, Javascript)' 카테고리의 다른 글
| [CSS]홈페이지를 stylish하게 꾸며보자!(Link, List, Border) (0) | 2017.07.05 |
|---|---|
| [CSS]홈페이지를 stylish하게 꾸며보자!(Background) (0) | 2017.07.05 |
| PHP와 MySQL을 통한 Database(DB) 연동하기 (9) | 2017.07.05 |