기본스타일

Height / width

• 내용이 차지 하고 있는 영역의 크기를 조절할 수 있음
• width는 가로, height는 높이를 의미함
• 절대크기 단위를 입력하면 창의 크기가 변하지 않지만 상태크기 단위를 입력하면 창크기가 화면에 따라 변경되는 가변의 요소이다.

display

• 화면 배치 방법 변경 속성
• 블록 레벨과 인라인 레벨 요소를 변경 가능하게 해줌

.block-test1{
            display: inline; /* 가로로 쌓임 */
        }
        .block-test2{
            display: inline-block; /* 가로로 쌓임 */
        }
        .block-test3{
            display: block; /* 가로로 쌓임 */
        }

여백 스타일

박스모델 구조

padding

• 테두리와 컨텐츠 영역 사이의 거리를 조절하는 속성

<aside> 💡 선택자 { padding- [ 위치 ] : 숫자(단위); }

</aside>