CSS2 [CSS] box-sizing width, height 속성은 엘리먼트의 크기를 지정한다. border, padding 값을 지정하면 width 값에 +가 되어 전체크기가 달라짐. 이때 box-sizing : border-box; 을 지정하면 width, height 값이 border와 padding값을 합쳐 계산됌! 적용 전> 200px (element width) + 20px + 20px (padding) + 5px + 5px (border) = 250px 적용후> element width = 200px (기준) - padding - border 20px + 20px (padding) + 5px + 5px (border) + 150px (element width) = 200px border+padding+element 값이 설정한.. 2020. 9. 3. [HTML/CSS] CSS 스타일 적용 인라인스타일 : 태그속에 속성으로 스타일 적용 Hello HTML5 결과) 내부 스타일시트 : HTML 내부에서 style태그를 사용해 스타일 시트를 직접 입력해서 적용 Hello HTML5 결과) 외부 스타일시트 : 스타일시트를 생성해(.css) link 태그를 사용해 href 속성으로 불러와 적용 Hello HTML5 /* ------------ CSS ------------ */ h1 { color: white; background: black; } 결과) 2020. 8. 14. 이전 1 다음