[HTML/CSS] CSS - 박스 모델
✏️ 블록 레벨 요소와 인라인 레벨 요소블록 레벨 요소란 태그를 사용해 요소를 삽입했을 때 혼자 한 줄을 다 차지하는, 즉 너비가 100%임을 뜻함주로 , , 태그 등을 이용인라인 레벨 요소란 한 줄을 다 차지하는 것이 아닌 콘텐츠 영역만큼만 차지하고 나머지 공간은 다른 요소가 올 수 있음. 따라서 한 줄에 여러 개의 인라인 레벨 요소들이 올 수 있고 , , 태그 등이 있음✏️ 박스 모델의 기본 구성종류설명패딩(padding)콘텐츠부터 테두리까지의 여백마진(margin)여러 박스 사이의 여백콘텐츠(content)콘텐츠, 즉 표현하고자 하는 내용이 있는 구역테두리(border)박스의 테두리 부분✏️ 콘텐츠 영역의 크기를 지정하는 width, height 속성종류설명크기>너비와 높이의 값을 px나 em으..
Web/CSS
2024. 4. 23. 18:35
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 자바스크립트
- 세그먼트 트리
- 스프링 부트 crud 게시판 구현
- 이분 매칭
- html
- 유클리드 호제법
- DP
- 카운팅 정렬
- CSS
- 에라토스테네스의 체
- C++ Stack
- 자료구조
- C++
- 백준
- 우선순위 큐
- 자바
- 스택
- Do it!
- js
- 백준 풀이
- 알고리즘 공부
- 투 포인터
- java
- DFS
- 알고리즘
- c++ string
- 반복문
- BFS
- 유니온 파인드
- HTML5
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함