<p> 태그는 일반적으로 html 내에서 글자, 문장 등을 표시할 때 사용한다.
<section> 태그는 <div>와 동일하나, 다중 <div> 대신 가독성을 위해 활용한다.
.mainbox {
width: 610px;
padding: 30px;
margin: 30px;
/* margin-right, left를 모두 auto로 설정하면 가운데 정렬 */
margin-right: auto;
margin-left: auto;
border: 1px solid #ebebeb;
/* box-shadow의 a 값은 투명도를 의미 */
box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1);
}
box-shadow - CSS: Cascading Style Sheets | MDN (mozilla.org)
box-shadow - CSS: Cascading Style Sheets | MDN
box-shadow CSS 속성은 요소의 테두리를 감싼 그림자 효과를 추가합니다. 쉼표로 구문해서 여러 그림자 효과를 입힐 수 있습니다. 박스 그림자는 요소에서의 수평수직 거리(오프셋), 흐릿함과 확산
developer.mozilla.org
border - CSS: Cascading Style Sheets | MDN (mozilla.org)
border - CSS: Cascading Style Sheets | MDN
CSS border 단축 속성은 요소의 테두리를 설정합니다. border-width, border-style, border-color의 값을 설정합니다.
developer.mozilla.org
margin-right - CSS: Cascading Style Sheets | MDN (mozilla.org)
margin-right - CSS: Cascading Style Sheets | MDN
margin-right CSS 속성은 요소의 오른쪽에 바깥 여백 영역margin area을 설정합니다. 양수 값은 인접 요소와 거리를 넓히고, 음수 값은 더 좁힙니다.
developer.mozilla.org
margin-right - CSS: Cascading Style Sheets | MDN (mozilla.org)
margin-right - CSS: Cascading Style Sheets | MDN
margin-right CSS 속성은 요소의 오른쪽에 바깥 여백 영역margin area을 설정합니다. 양수 값은 인접 요소와 거리를 넓히고, 음수 값은 더 좁힙니다.
developer.mozilla.org
margin-left - CSS: Cascading Style Sheets | MDN (mozilla.org)
margin-left - CSS: Cascading Style Sheets | MDN
margin-left CSS 속성은 요소의 왼쪽에 바깥 여백 영역margin area을 설정합니다. 양수 값은 인접 요소와 거리를 넓히고, 음수 값은 더 좁힙니다.
developer.mozilla.org
margin - CSS: Cascading Style Sheets | MDN (mozilla.org)
margin - CSS: Cascading Style Sheets | MDN
margin CSS 속성은 요소의 네 방향 바깥 여백 영역을 설정합니다. margin-top, margin-right, margin-bottom, margin-left의 단축 속성입니다.
developer.mozilla.org
padding - CSS: Cascading Style Sheets | MDN (mozilla.org)
padding - CSS: Cascading Style Sheets | MDN
padding CSS 속성은 요소의 네 방향 안쪽 여백 영역을 설정합니다. padding-top, padding-right, padding-bottom, padding-left의 단축 속성입니다.
developer.mozilla.org
width - CSS: Cascading Style Sheets | MDN (mozilla.org)
width - CSS: Cascading Style Sheets | MDN
CSS width 속성은 요소의 너비를 설정합니다. 기본값은 콘텐츠 영역의 너비이지만, box-sizing이 border-box라면 테두리 영역의 너비를 설정합니다.
developer.mozilla.org
margin-bottom - CSS: Cascading Style Sheets | MDN (mozilla.org)
margin-bottom - CSS: Cascading Style Sheets | MDN
margin-bottom CSS 속성은 요소의 아래쪽에 바깥 여백 영역margin area을 설정합니다. 양수 값은 인접 요소와 거리를 넓히고, 음수 값은 더 좁힙니다.
developer.mozilla.org
overflow - CSS: Cascading Style Sheets | MDN (mozilla.org)
overflow - CSS: Cascading Style Sheets | MDN
overflow CSS 단축 속성은 요소의 콘텐츠가 너무 커서 요소의 블록 서식 맥락에 맞출 수 없을 때의 처리법을 지정합니다. overflow-x (en-US), overflow-y (en-US)의 값을 설정합니다.
developer.mozilla.org
float - CSS: Cascading Style Sheets | MDN (mozilla.org)
float - CSS: Cascading Style Sheets | MDN
CSS 속성(property) float 은 한 요소(element)가 보통 흐름(normal flow)으로부터 빠져 텍스트 및 인라인(inline) 요소가 그 주위를 감싸는 자기 컨테이너의 좌우측을 따라 배치되어야 함을 지정합니다.
developer.mozilla.org
font-weight - CSS: Cascading Style Sheets | MDN (mozilla.org)
font-weight - CSS: Cascading Style Sheets | MDN
font-weight CSS 속성은 폰트(font)의 가중치(weight)나 굵기(boldness)를 명시한다. 몇몇 폰트들은 normal 나 bold 일 때만 가능하다.
developer.mozilla.org
padding-left - CSS: Cascading Style Sheets | MDN (mozilla.org)
padding-left - CSS: Cascading Style Sheets | MDN
padding-left CSS 속성은 요소의 왼쪽에 안쪽 여백 영역을 설정합니다.
developer.mozilla.org
font-style - CSS: Cascading Style Sheets | MDN (mozilla.org)
font-style - CSS: Cascading Style Sheets | MDN
The font-style CSS property sets whether a font should be styled with a normal, italic, or oblique face from its font-family.
developer.mozilla.org
min-width - CSS: Cascading Style Sheets | MDN (mozilla.org)
min-width - CSS: Cascading Style Sheets | MDN
min-width CSS 속성은 요소의 최소 너비를 설정합니다. min-width는 width 속성의 사용값이 자신의 값보다 작아지는걸 방지합니다.
developer.mozilla.org