본문 바로가기
부트캠프교육중/CSS

글자꾸미기

by 뭉지야 2022. 12. 22.
728x90

#색상
color :글자색상 (text-color 아니다)
background-color: 배경색상
border-color: 테두리색상

 

# background 와 background-color 차이

background-color 색깔만 지정할수 있는 반면

backgroud는 color이외의 다른 background 옵션들을 지정해 사용할수있다.

background는 다양한 background 속성을 부여할수 있는 축약 속성이다.

(배경색은 background속성, background-color 속성 모두 지정 가능하다.)


#글꼴
font-family
따옴표를 붙여서 적용할수있다
대비책으로 fallback글꼴추가. 표현하고싶은 글꼴이 없거나 사용할수 없는 경우를 위한 대비책
쉼표로 구분한다. 

 

#굵기: font-weight (기본값 400)

글자크기 : font-size
밑줄, 가로줄: text-decoration
자간: letter-spacing
행간: line-height

글꼴그림자: text-shadow

# 글자의 정렬

글자의 정렬(가로정렬) : text-align

글자의 가운데 정렬 -> text-align:center;

유효한 값으로는 left, right, center, justify(양쪽정렬)
#세로정렬은 line-height와 관련이 있다는 정도만 알아두자!

세로정렬은 정렬하고자 하는 글자를 둘러싸고 있는 박스의 높이가 글자높이보다 큰경우에만 적용된다.
나중에 추가할내용임

728x90

'부트캠프교육중 > CSS' 카테고리의 다른 글

박스모델기초  (0) 2022.12.22
[CSS] 절대단위와 상대단위  (1) 2022.12.22
CSS 사용방법  (0) 2022.12.22
CSS 기본구조  (0) 2022.12.22
CSS란?  (0) 2022.12.22