Programming/Style

표준 CSS 박스모델에서 요소의 전체적인 크기는 컨텐츠 박스 + 보더 박스 + 패딩 박스의 너비와 높이 값을 모두 더해 정해진다. 하지만 박스의 실제 크기를 얻기 위해 테두리와 패딩을 추가하는 것이 불편하다. 이러한 문제를 해결하기 위해 아래의 코드를 확인 해보자 hello world hello world

주요 내용 목차 간단한 용어 정리 block vs inline auto vs 100% content-box vs border-box 웹 사이트를 만들기 위해서 웹 사이트의 레이아웃을 확인(큰 덩어리가 보는 것이 필요하다.) 세부적인 사항(디테일 / 글자폰트, 두께, 사이즈 등..) 을 먼저 보지 않고 큰 레이아웃부터 확인 후 웹사이트를 제작하는 것이 좋다. 간단한 용어 정리 → 태그 Contents → 요소(Element) div { Style. → 선택자(Selector) } 같은 div를 사용하더라도 어디에서 어떤 용도로 사용하는지에 따라 부르는 용어가 다르다는 것을 간단히 알고가도록 하자 /* CSS파일 */ div { Type Selector(유형 선택자)라고 한다. background-color..