- box model의 개념과 태그
block level element: ex)h1
공간을 전체적으로 쓰는 태그
inline element: ex)a
자기 라인 만큼만 공간을 쓰는 태그
border-width:5px;
border-color:red;
border-style:solid;
display:block;//화면 전체 쓰는 태그
display:inline;//자기 라인만 공간을 쓰는 태그
display:none;//화면에서 사라짐
*block level element,inline element는 기본값일뿐>css를 통해 바꿀 수 있다.
padding:20px;//안쪽 간격
margin:20px;//바깥쪽 간격
width:100px;공간을 얼마나 차지하는지
2.개발자 도구
- 우클릭>검사>style
- 100x65
widthxheight
폭x높이 - border-bottom
:위치 조정>width로 조정하기 - 숫자 더블클릭하면 개발자 도구에서 임의로 조정해볼 수 있음
