[CSS3] margin과 padding (여백)
CSS의 여백 1. margin(요소의 바깥쪽 여백) - 요소와 요소 사이의 여백(거리, 공간)을 생성할 때 사용. - 상단, 오른쪽, 하단, 왼쪽 각각 설정 가능. - 사용법 margin: 10px 20px 30px 40px ==> 상단, 오른쪽, 하단, 왼쪽 margin: 10px 20px 30px==> 상단, [오른쪽,왼쪽], 하단 margin: 10px 20px ==> [상단, 하단], [오른쪽, 왼쪽] margin: 10px ==> [상단, 하단, 오른쪽, 왼쪽] 2. padding(요소의 안쪽 여백) - 단위 : px, em, cm - 사용법 padding: 10px 20px 30px 40px ==> 상단, 오른쪽, 하단, 왼쪽 padding: 10px 20px 30px==> 상단, [오른쪽,..
2021. 4. 22.
[CSS3] 블록 레벨, 인라인 레벨
1. 블록 레벨 요소. - 주요 태그 : div, hn, p - 사용 가능한 최대 가로 너비를 사용한다. - 크기를 지정할 수 있음. - whidth : 100%, height : 0%로 시작 ==> default 값 - 수직으로 쌓인다. - margin, padding의 속성에 위, 아래, 좌, 우 사용이 가능하다. - 레이아웃을 설정하는 용도로 사용됨 2. 인라인 레벨 요소. - 주요 태그 : span, img - 필요한 만큼만의 너비를 사용한다. - 크기를 지정할 수 없음. - whidth : 0%, height : 0%로 시작 ==> default 값 - 수평으로 쌓인다. - margin, padding의 속성에 위, 아래, 좌, 우 사용이 불가능하다. - 텍스트를 설정하는 용도로 사용이 된다. ..
2021. 4. 20.
