[HTML/CSS] 컴알못의 도전기 12일차

 

 

 

 

요소에 변화주기

 

 

 

 

 

여백

h1 태그: 여백 존재 

 

• margin: 바깥 여백
• padding: 안쪽 여백 

 

div 태그 적용 예시>>

 

 

 

span 태그 적용 예시>>

 

 

span에서 margin은 좌우로만 적용

(inline은 공간 존재 시 text가 우측에 붙음 )

 

span인데 위아래 margin 주려면 display: inline-block 설정

 

 

 

body에 margin(여백) 제거

 

(body에 여백 있는 경우) 

 

 

(body의 여백 없앤 경우)

 

 

 

block은 width 100%이지만, css에서 /*margin: 0; */으로 묶여있는 경우 여백과 함께 출력. (body에 margin이 있기에)

* /*margin: 0; */ 의문

 

 

 

div태그 간 간격을 주기

 

margin-top : 위쪽에만 여백 효과

 

 

 

🦔 block요소는 text-align 영향받지 않는다. width가 100% 아니어도 정렬 X

 block요소 가운데 정렬을 원한다면 margin: auto; (양 옆 기준, 최대한 동일한 margin 효과를 준다.)