css 속성3
들어가기 앞서, CSS 속성2에 이어서 배경과 관련된 속성에 대해 알아보겠다. background-color 요소의 배경 색상 기본값: transparent, 투명함 background-image 요소의 배경 이미지 삽입 기본값: none none, 이미지 없음 url("경로"), 이미지 경로 background-repeat 요소의 배경 이미지 반복 기본값: repeat repeat, 이미지를 수직, 수평 반복 repeat-x, 이미지를 수평 반복 repeat-y, 이미지를 수직 반복 no-repeat, 반복 없음 background-position 요소의 배경 이미지 위치 방향: top, bottom, left, right, center 단위: px, em, rem 등 background-size 요소..
css 속성2
들어가기 앞서, CSS 속성1에 이어 글꼴과 문자와 관련된 속성에 대해 알아보겠다. font-style 글자의 기울기 기본값: normal normal, 기울기 없음 italic, 이텔릭체 oblique, 기울어진 글자 font-weight 글자의 두께(가중치) 기본값: normal normal, 400 기본 두께 bold, 700 두껍게 100~900, 100단위의 숫자 9개 font-size 글자의 크기 기본값: 16px, 기본 크기 line-height 한 줄의 높이, 행간과 유사기본값: normal font-family 글꼴(서체) 지정 font-family: 글꼴1, "글 꼴2", ... 글꼴계열; serif, 바탕체 계열 sans-serif, 고딕체 계열 monospace, 고정너비(가로폭이 ..
css 속성1
들어가기 앞서, CSS 속성에는 여러가지가 있다. 이 중에서도 자주 쓰이는 몇가지 속성에 대해서 알아보겠다. width, height 요소의 가로/세로 너비를 지정한다. 기본값: auto, 브라우저가 너비를 계산 max-width, max-height 요소가 커질 수 있는 최대 가로/세로 너비를 지정한다. 기본값: none, 최대 너비 제한 없음 min-width, min-height 요소가 작아질 수 있는 최소 가로/세로 너비를 지정한다. 기본값: 0, 최소 너비 제한 없음 margin 요소의 외부 여백(공간)을 지정하는 단축 속성 기본값: 0, 외부 여백 없음 margin의 값으로 몇개를 주느냐에 따라 사용법이 달라진다. margin: top, right, bottom, left; margin: to..
