diary/codestates (be39)
2022. 5. 1.
[CSS] 박스 모델
🎓 박스 모델 CSS에서 박스 모델은 디자인과 레이아웃을 말할 때 사용된다. windows, 크롬 기준 f12키를 눌러 현재 페이지의 박스를 확인할 수 있으며 margin, border, padding, content 순으로 구성되어 있다. Margin p { margin: top right bottom left; margin: (top&bottom) (left&right); margin: (top&right&bottom&left); } Border p { border: border-width border-style border-color; } Padding p { padding: top right bottom left; } 🎓 박스 크기 측정 기준 css 기본 설정 css에서는 요소가 화면에 나타날 때..
![[CSS] 박스 모델](http://i1.daumcdn.net/thumb/C450x300/?fname=https://blog.kakaocdn.net/dn/doXBDz/btrAQRuG70b/hqWgReypehQjjD56tVHSVK/img.png)