전체 글 102

Display속성 : inline, inline-block, block

1. inline 요소 : 전체적으로 개별적으로 글자를 꾸미는 서식 관련된 태그들 - 한 줄에 여러개 배치 - 기본 너비 값은 컨텐츠의 너비 값 - 크기 값을 가질 수 없음 - 상하 마진은 가질 수 없음 : span, a, small, big, em, u, ins, i, s, del, br, q, b, strong, mark, sub, sup, label, map , cite, addr, time 2. inline-block 요소 : 이미지 + 대부분의 폼 요소 (label은 인라인 요소) - 한 줄에 여러개 배치 - 기본 너비 값은 컨텐츠의 너비 값 - 크기 값을 가질 수 있음 - 상하좌우 마진 가질 수 있음 : img, input, button, textarea, select, 대부분의 font ic..

카테고리 없음 2022.12.29

position 속성 - relative, absolute, fixed

Position 이란, : 문서 상에 요소를 배치하는 방법으로, position이 요소의 배치 방법을 결정하면 - top - right - bottom - left 가 최종 위치를 결정하는 방식이다. ex) position : 이렇게 배치할 것이다. top : 윗 면에서부터 ~만큼 배치할 것이다. right : 오른쪽 면에서 ~만큼 배치할 것이다. bottom : 아랫쪽에서 ~만큼 배치할 것이다. left : 왼쪽에서 ~만큼 배치할 것이다. position애는 다음과 같은 속성값을 지정할 수 있다. 속성값 의미 static 기본값으로, 요소의 일반적인 문서의 흐름에 따라 배치한다. relative 일반적인 문서 흐름에 따라 배치하되, 상하 좌우 위치 값에 따라 위치 이동 시킨다. absolute 일반적인..

카테고리 없음 2022.12.29
728x90