HTML, CSS 기초 : CSS 주요 속성

weight와 height 속성

• weight : 너비
  
  
• height : 높이

 

font- 속성

• font-size : 글자 크기 지정. px 단위를 가장 많이 사용
  
  
• font-family : 글꼴을 지정
  
  
• font-style : 글자 모양을 지정
  속성값 : normal(기본글꼴). italic(이탤릭체), oblique(비스듬히)
  
  
• font-weight : 글자 굵기를 지정.
  속성값 : normal(보통 두께), bold(굵게), bolder(bold보다 굵게), lighter(normal보다 얇게), 100~900(100단위. 글자가 클수록 굵어지며 400은 normal, 700은 bold)
  
  

background 속성

• background-color : 배경색 지정
  
  
• background-image : 선택된 영역에 배경 이미지 적용. url() 괄호 안에 이미지 파일의 경로 입력
  
  
• background-repeat : 삽입된 배경 이미지 반복 효과 적용.
  속성값 : repeat(x축과 y축 모두 반복), repeat-x(x축으로 반복), repeat-y(y축으로 반복), no-repeat(반복효과적용x)
  
  
• background-position : 이미지의 좌푯값을 지정.
  속성값: top. left, bottom. right, center 또는 구체적인 좌푯값 x축px y축px