[CSS] 서식 관련 속성 - 텍스트 스타일

overflow : 내용이 요소의 크기를 벗어났을 때

• hidden : 감추기

background-attachment: 스크롤할때 배경 이미지 부탁 여부를 지정

• fixed : 고정

기본 폰트 사이즈

• 기본 값 16px
• 가독성 고려 시 15px 추천
  

font-weight: 텍스트의 굵기를 지정하는 속성

• 100~900 bold bolder ligther normal ( 400 = normal, 700 = bold)

line-height: 줄 간격 지정

• value: px, em, pt, %, rem
• 일반적으로 em(상대적 단위) 을 사용한다.
  • px을 사용해서 지정한 경우 font-size값을 변경했을때 line-height 도 비율에 맞을 수 있도록 px을 찾아야하는데 em을 사용하면 현재 사용중인 폰트 사이즈를 기준으로 상대적으로 크기를 지정하기 때문이다.
• 1.6em
• body 스타일에 지정

font-family: 글꼴 지정

• value : ‘font name’

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

• value : normal italic obilque

color : 글꼴 색을 지정

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

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

• value : none, underline(밑줄), overline(밑줄), line-through(취소선)

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

• value : none, captialize uppercase, lowercase

text-align : 문자 정렬 방법을 지정하는 속성

• value: center, left(기본값), right, justify(양쪽정렬)

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

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