박스모델 - 생활코딩 CSS box model 소개 강의 소스코드 변경사항 박스 모델을 써먹기 강의 소스코드 변경사항 opentutorials.org 이 글은 이고잉님의 오픈튜토리얼 강의를 듣고 정리한 내용입니다. 박스 모델 적용 위의 이미지와 같이 칸으로 나눠진 웹 페이지를 만들어 보자. 가로줄을 긋기 가로줄을 긋는다. 덤으로 h1 태그의 글자 크기와 정렬 위치를 변경한다. ... ... 개발자 도구를 이용해서 h1 태그의 디테일을 수정한다. (우클릭→ ‘검사' 클릭) margin을 없애고 padding 20px을 추가한다. ... h1{ font-size: 45px; text-align: center; border-bottom: 1px solid gray; margin: 0; padding: 20px..

박스모델 - 생활코딩 CSS box model 소개 강의 소스코드 변경사항 박스 모델을 써먹기 강의 소스코드 변경사항 opentutorials.org 이 글은 이고잉님의 오픈튜토리얼 강의를 듣고 정리한 내용입니다. 1. 박스 모델이란? 박스 모델이란 개념이 있다. 직관적으로 이해하기 위해서 구글에 검색해 이미지를 살펴보자. 구글에 박스 모델이라고 검색하면 아래와 같은 결과를 얻을 수 있다. 박스 모델에 대한 사전적 정의를 찾아보면 아래와 같은 대답을 얻을 수 있다. In CSS, the term "box model" is used when talking about design and layout. The CSS box model is essentially a box that wraps around eve..