padding (1) 썸네일형 리스트형 (생활코딩) CSS 박스 모델 (block, inline, border, padding, margin) 박스 모델에 대해서 알아보자. box.html 파일을 새로 만든다. box.html을 열어보면 태그는 화면 전체를 사용하고 있다는 것을 알 수 있다. 여기서 CSS 부분에 태그로 링크를 걸어보자. 태그에서는 화면 전체를 사용하고 있는데, 여기 태그의 경우에는 똑같은 태그임에도 불구하고 줄바꿈이 되지 않고 다른 콘텐츠들과 같은 라인에 위치하고 있다. 이러한 차별은 태그는 제목 태그인데, 제목 태그는 화면 전체를 쓰는것이 기본적으로 더 편리하기 때문이다. 그리고 링크가 앞뒤에 있는 콘텐츠가 줄바꿈이 된다면 상당히 불편하기 때문에 기본적으로 링크는 줄바꿈을 하지 않고 딱 자기의 콘텐츠 크기만큼을 쓴다. 이러한 부분을 시각적으로 확인할 수 있는데 테두리를 그리면 부피감을 알 수 있다. 태그와 태그에 테두리를 줘.. 이전 1 다음
