[CSS] 서식관련 속성

1. 폰트 사이즈

주로 body 태그 안에서 설정

기본 사이즈 : 16px = 1em

브라우저에서 실행 시 15px이 적당

 

2. 폰트 속성

 

텍스트 크기: font-size

value: px, em, pt, %, rem(반응형)

 

글꼴 두께: font-weight

기본값: normal

두껍게: bold

얇게: normal 

 

줄 간격: line-height (body안에 지정)

value: px(22px), 주로 em단위 사용(상대적 단위, 1.6em)

 

글꼴 지정: font-family

 

문자 스타일(기울림체): font-style

 

글꼴 색 : color

value: color name, #000000, rgb(0,0,0), rgba(0,0,0,0.5)

 

텍스트 줄 표시 / 제거 : text-decoration

value: none(a태그 링크의 밑줄 삭제), underline, overline, line-through(취소선)

 

텍스트 대문자 및 소문자 변환 : text-transform

value: none, capitalize(첫 글자만 대문자), uppercase(모두 대문자), lowercase(모두 소문자)

 

문자 정렬 방법 : text-align

value: center, left, right, justify(양쪽정렬, 길이가 긴 텍스트)

 

텍스트 그림자 효과 : text-shadow

value(1) :[x-축 거리][y-축 거리][퍼짐 거리정도][색상]

value(2): none