Dongi_coding 동기_코딩

안녕하세요 동기 여러분! 오늘은 경계(Border)에 대해 알아보도록 합시다. Borders 경계의 생김새는 아래와 같이 생겼습니다. CSS에서의 코드는 아래와 같이 생겼습니다. p { border: 3px solid red; } 위 코드를 보시면 3가지 종류의 값들을 넣는데 width와 style 그리고 color입니다. Width border에서의 width는 경계선의 굵기를 의미합니다. 아래의 예시는 15px의 굵기입니다. 값 설명 thin 좁은 굵기 medium 중간 굵기 - 기본값 thick 굵은 굵기 숫자 + px 가장 많이 사용하는 픽셀단위 이밖에도 in, pt, cm, em 등등 무수히 많은 단위들이 있다. ※ 만약 width의 값을 정하지 않고 공백으로 둔다면 기본값인 medium으로 설..

안녕하세요 동기 여러분! 오늘은 CSS의 박스 모델이 어떻게 구성이 되어 있는지 알아보도록 합시다. The Box Model 박스 모델은 margin, border, padding, content height, content width의 프로퍼티로 이루어져 있는데 이들 값으로 요소가 웹 페이지에서 공간을 어떻게 차지할지 조절할 수 있습니다. 생김새 width 와 height : content의 높이와 폭을 나타냅니다. padding : border와 content 공간 사이의 공간을 나타냅니다. ( 영어 사전에서의 padding : 충전재 ) border : content의 공간과 padding의 공간을 감싸는 (두께가 있는)경계 또는 스타일. ( 영어 사전에서의 border : 경계, 가두리 ) mar..