728x90 width2 7-1 박스 모델 CSS 박스 모델 -속성 -출력 : 모든 HTML 요소를 사각형 형태의 박스로 취급 -> CSS를 통해 각 박스의 위치, 크기, 색상 등을 지정 *웹 페이지의 레이아웃을 구성하는 중요한 개념 -margin 속성 : 박스의 외부 여백(테두리 밖의 여백) 지정 -> 모든 방향(상우하좌)에 대해서 일괄 지정 *속성값의 개수에 따른 마진의 적용 방향 4 -> 상 우 하 좌 3 -> 상 좌우 하 2 -> 상하 좌우 1 -> 상하좌우 -> 개별 방향의 마진 지정 출력: : 인접한 두 요소의 수직 여백(bottom - top)은 통합됨 -padding 속성 : 요소의 내용과 테두리 사이의 여백 지정 -> 모든 방향(상우하좌)에 대해서 일괄 지정 *속성값의 개수에 따른 마진의 적용 방향 4 -> 상 우 하 좌 3 ->.. 2024. 4. 6. 2-2 이미지 표현 img 요소 : 웹 페이지에 이미지를 삽입할 때 사용 -> 종료태그 없이 사용 img 속성 -src="파일의 URL" : (필수) 문서에 표시할 이미지 파일의 경로/이름 -width="숫자" : 이미지의 폭(픽셀, %) -height="숫자" : 이미지의 높이(픽셀, %) *width, height의 기본 크기=원본 크기. 폭과 높이 중 하나의 크기만 지정되면 나마지 하나의 값은 원본 크기에 비례해서 자동 지정. -alt="텍스트" : 이미지가 표시되지 않을 때 대체 표시될 텍스트. 이미지가 화면에서 표시되지 않거나 깨지는 경우를 대비해서 사용 -usemap="#맵이름" : 클라이언트 측의 이미지맵 입력) 출력) 2024. 3. 2. 이전 1 다음 728x90
