padding 2

여백 조절하기

1. 요소 주변의 여백 설정 margin 요소와 요소 사이의 간격을 조절할 수 있다. px, em, %(부모요소 기준), auto의 단위 사용 + margin으로 가운데 정렬 텍스트를 정렬할 때는 text-align을 사용 웹 문서 자체를 중앙에 정렬하려면 margin을 사용한다. ① 요소의 너비가 정해져야 함 ② margin-right와 margin-left를 auto로 지정 ==> CSS가 자동으로 브라우저 화면 너비에서 요소 너비를 뺀 나머지 영역을 좌우 마진으로 계산한다. 레드향 껍질에 붉은 빛이 돌아 레드향이라 불린다. 레드향은 한라봉과 귤을 교배한 것으로 일반 귤보다 2~3배 크고, 과육이 붉고 통통하다. 비타민 C와 비타민 P가 풍부해 혈액순환, 감기예방 등에 좋은 것으로 알려져 있다. 레드..

CSS 2022.11.15

CSS와 박스모델

1. 블록 레벨 & 인라인 레벨 블록 레벨 : 태그를 사용했을 때 혼자 한 줄을 차지하는 것 해당 요소의 너비가 100% h1~6, div, p 태그 등 인라인 레벨 : 태그를 사용했을 때 콘텐츠만큼만 영역을 차지하는 것 나머지 공간에 다른 요소가 올 수 있음 span, img, strong 태그 등 두 번 세 번 피곤하게 자꾸 질문하지마 내 장점이 뭔지 알아 바로 솔직한거야 두 번 세 번 피곤하게 자꾸 질문하지마 내 장점이 뭔지 알아 바로 솔직한거야 2. 박스 모델 기본 구성 블록 레벨의 요소를 박스 모델이라고 칭한다. 콘텐츠 영역, 패딩, 테두리, 마진으로 구성되어 있다. (패딩 : 박스와 콘텐츠 영역 사이 여백 마진 : 여러 박스 모델 사이의 여백) 3. 콘텐츠 영역의 크기 width, height..

CSS 2022.11.13