3_css3_(웹문서 기본 구조 만들기, 가운데 정렬)

웹문서 기본 구조 만들기

@box-sizing

width, height 설정 시 기본적으로 content영역의 크기만 설정됨

box-sizing은 width, height가 설정하는 영역을 지정해주는 속성

box-sizing: border-box;

@margin: auto;

block요소를 가로 중앙에 배치하게 하는 속성

세로는 px값을 auto앞에 줘야댐

@알트+쉬프트+f : 들여쓰기 맞추어줌

@스타일따로빼고

style.css 생성

style태그 내부를 잘라내서 붙여넣기

남아있던 스타일태그를 지우고

<line rel="stylesheet" href="style.css" type="text/css">

@ 가운데 놓기

겉에 둘러싸고 있는 영역에

position: relative;

가운데 놓을거에다

position: absolute;

top: 0;

bottom: 0;

left: 0;

right: 0;

margin: auto;