Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- fontweight
- texttransform
- gtammertable
- 유니버셜셀렉터
- 그룹셀렉터
- textdecoration
- 타입셀렉터
- 구글폰트
- 축약
- 모던웹폰트
- captionside
- CDN
- 폼태그
- liststyleposition
- 빈태그
- 클래스셀렉터
- borderspacing
- 아이디셀렉터
- liststyleimage
- textshadow
- borderstyle
- 주석
- formtag
- bordercollapse
- 폰트웨이트
- 헥스코드
- inlineblock
- liststyletype
- wordspacing
- selectorslevel4
Archives
- Today
- Total
목록boxshadow (1)
無제
CSS의 Box Model
🔶 Box Model 🔶웹 페이지의 모든 요소는 사각형 박스 모양으로 구성되어 있는데, 이를 CSS 박스 모델(Box Model) 이라고 부른다. 이 박스는 내용(content), 패딩(padding), 테두리(border), 여백(margin) 4가지 영역으로 구성되어 있다. 🔹 Box Model 구성 요소 박스 모델은 안쪽에서 바깥쪽으로 다음과 같은 순서로 이루어져 있다.content (내용): 실제 텍스트, 이미지, 요소가 들어가는 영역.속성: width, height.padding (안쪽 여백): 내용(content)과 테두리(border) 사이의 공간.속성: padding, padding-top, padding-right, padding-bottom, padding-left bord..
<style>
2026. 3. 18. 14:39
