728x90
반응형
CSS박스모델
-
HTML / CSS : CSS box model에 대해서 알아보자캡틴 코딩일기/HTML, CSS 2020. 2. 9. 23:05
HTML / CSS : CSS box model에 대해서 알아보자 오늘은, HTML을 보기 좋게 꾸며주는 CSS의 기능 중에 box model에 대한 배움을 정리해보고자 한다. margin border padding contents 구글의 개발자 콘솔에서 Elements 탭을 열면, style 란에 위와 같은 박스 모델에 대한 그림을 볼 수 있다. 콘솔창의 문자들과 씨름을 하다 지친 눈이 금새 박스모델의 구성도로 향하게 되었던 기억이 있다. 텍스트 박스, 버튼 등 HTML로 구현하는 기능중심의 요소에 디자인을 부여하는 CSS. 박스 모델은 컨텐츠와 가장 가까이서 각종 항목들을 조정하여주는데. 한 번 제대로 공부하여 두는것 만으로도 여러모로 적용해보며 내가 원하는 디자인을 구현해볼 수 있다. padding..