용어정리2 css magin, padding 여백주는 방법! magin / padding 차이점과 쓰임!! F12, 개발자 모드에서 볼 수 있는 margin 과 padding 값 margin : 오브젝트 바깥 여백 (오브젝트를 이동하거나, 빈 간격을 줄떄 사용) / 음수사용가능 사용법 (시계방향으로 값주기) - margin: 위, 오른쪽, 아래, 왼쪽 / 4개지정 - margin: 위, 좌우, 아래 / 3개 지정 - margin: 위 아래 좌우 / 2개 지정 - margin: 모두 (사용자제할것!) - margin:0 auto 가로가 있는 블럭 가운데 정렬할 때 * margin collapsing 마진병합 : 부모+자식이 수직방향으로 인접할 때 부모 or 자식 위,아래가 margin-top이 가장 바깥 조상에 적용됨. 형제요소가 수직 방향 인접일 .. 2022. 9. 7. css display란? (block, inline, inline-block) 블록요소 인라인 요소란? CSS block element CSS inline element - 모든 인라인 요소를 포함 할 수있다. + 블록 요소도 포함 할 수 있음 - 너비 width, 높이 height, 안쪽여백 padding, 바깥여백 magin 사용가능 - 블록 요소가 끝나는 지점에서 자동 줄바꿈됨 - 인라인 요소는 다른 인라인 요소를 포함 할 수 있다. - width, height 사용불가. line-height (높이 조절) & text-aling (텍스트 정렬) 로 사용 - 인라인 요소가 끝나는 지점에 줄바꿈 없음 - 컨텐츠가 끝나는 지점 까지의 넓이를 가짐 display : 화면의 웹페이지 레이아웃에 어떻게 나오게 할것인지 결정하는 속성태그 1. dispaly:block (상자) 2. di.. 2022. 9. 6. 이전 1 다음