css 박스모델 padding, margin, width, height

css박스모델

css를 이용해서 html태그들의 위치, 부피, 여백 등을 지정하는 것

html에서 태그 id를 설정, css에서 #으로 디자인가능

#selected {
    border:2px red solid;
}

---

<li id="selected">content</li>

id가 selected인 태그 속 내용을 디자인할 수 있다

#selected {

border:2px red solid;

padding:30px

margin:50px

}

padding 테두리와 텍스트(content)사이의 간격 패딩입은것같은ㅋ

margin 각 태그와 태그 사이의 간격

width content 폭

height content 높이