Jeden Tag, aufrichtig und lustig.

box model 웹 문서의 내용을 박스 형태로 정의하는 방법이다. 박스모델 보는 방법 박스모델을 보고 싶은 부분에 오른쪽 마우스 버튼-검사 통해서 확인 가능하다. 또한, 우측 탭 중 computed탭을 통해 상세히 확인이 가능하다. margin 요소 주변의 여백을 의미한다. margin속성을 사용하여 웹 문서 가운데 정렬하는 법 **width값이 지정되어 있어야 함! margin-left, margin-right값을 auto로 지정 ex.margin : 20px auto /*위아래 마진은 20px, 좌우 마진은 자동계산 된다.*/ ex.margin : 0 auto padding 테두리와 내용사이의 여백을 의미한다. 컨텐츠와 테두리 사이 여백을 주고 싶다면, h1 { padding : 20px ; }

이미지 태그 *src=source의 준말 구름.jpg : url *닫는 태그 없음! (self-closing tag) cf) 뒤에 슬래시 있을수도 없을수도 있음 ex. ->o -> o *unsplash.com : 저작권 상관없는 이미지 사이트 : img안 뜰때 image묘사함 ex. photo of bread 태그 속성 ex. src 속성을 통해 태그에 의미를 부여함. 태그 속성(attribute) : 속성의 위치는 상관 없음 ex.