STYLE SHEET/CSS

CSS 기초

박스모델 width, height, padding, border, margin html 문서는 박스 형태로 되어있다 박스가 일정한 형태로 모델이 구성되기 때문에 박스 모델로 불린다 content 이 박스에 가로가 width, 세로는 heigth를 담당한다 padding content와 border 사이에 안쪽 여백 공간을 표현하는 것을 일컫는다 테두리사이 공간을 주는 것 css에 padding:top 20px를 작성하면 content 기준으로 위로 20px 밀려나게 된다 border 테두리를 나타낸다 어떤 테두리가 원하는지 알려줘야한다 ( 굵기, 스타일, 색상 ) 등 1px solid #222 margin 바깥 쪽 여백을 뜻하며 요소와 요소 사이의 간격을 나타낸다 box .box { width: 300p..