Amazing Story

(4) border(테두리)란- 테두리 표현시 동서남북 네방향을 설정할 수 있으며 다음과 같은 값을 설정할 수 있다1) 선의 두께 : border-width2) 선의 종류 : border-style3) 선의 색상 : border-color (참고1)테두리 설정방향은 4방향 : top, right, bottom, left 작성1) 방향이 지정되지 않은 경우border : width style color; 작성2) 방향이 지정된 경우border-방향 : width style color; (참고2)선의 종류- solid(실선)- dotted(점선)- dashed(간격이 좁고 그려지는 라인이 긴 형태) (참고3) border를 없애는 경우- border: none;- border : 0 none; (→ 권장) ..

4. Box model(박스모델) - CSS가 HTML문서를 제어할 때 사용하는 기본단위는 Element이며 이때 요소를 네모상자(box)로 취급하여 모든 스타일의 기본 속성(1) 박스모델의 종류1) width, height → content 크기2) padding → 테두리와 콘텐츠와의 여백3) margin → 테두리 바깥쪽 여백4) border → 요소의 테두리5) background (2) 모든 브라우저는 사용자가 스타일을 적용하지 않더라도 기본값(초기값)이 적용된 상태- 여백을 최소화(0으로 셋팅)- margin, padding → 0으로 셋팅- border → 일부요소를 제외하고 테두리값은 없음 (참고1) 크롬(chrome) 브라우저 이용하기- 해당요소에서 마우스 우클릭(또는 F12)하여 검사-..