Day37_여백(margin/padding) 속성, 테이블 태그
2023.10.10 Day37 세 줄 요약 외부 여백은 margin 내부 여백은 padding table 행(row) : , table 열(column) : rowspan : 행 병합, colspan : 열 병합 margin / padding 속성 margin 속성 요소의 외부 여백을 지정하는 style 속성 단위에는 px, em, vw 등이 있음 (음수 허용) - 0 : 외부 여백 없음 - auto : 브라우저가 여백을 계산 (가운데 정렬 활용) * 여백 적용 순서 1) margin : 100px; - top, bottom, right, left 모두 100px의 외부 여백 2) margin : 100px 10px; - top, bottom = 100px / right, left = 10px 3) ma..
2023. 10. 12.
Day33_인라인/블럭 요소, 태그 종류
2023.09.27 Day33 세 줄 요약 한 줄(line) 안에 들어가는 요소는 인라인 요소, 블럭(영역) 단위로 나뉘는 요소는 블럭요소 링크 태그를 통해 페이지 이동 가능 스타일 태그에는 1) 링크 방식, 2) 내장 방식, 3) 인라인 방식이 있다. 인라인 / 블럭 요소 인라인 요소 글자를 만들기 위한 요소로 줄바꿈이 일어나지 않는다. - 요소의 내용 만큼 영역을 가짐 - , , , , 태그 등이 있음 블럭 요소 블럭(레이아웃)을 만들기 위한 요소로 기본적으로 줄바꿈이 일어남 - 영역의 너비가 상위 영역의 전체 너비만큼 되는 형태 - , , 태그 등이 있음 규칙 1) 대부분의 요소는 같은 형태의 다른 요소를 포함할 수 없다. 2) 블럭 요소 안에 인라인 요소 포함 가능 3) 인라인 요소 안에는 블럭 ..
2023. 10. 4.