Box Model (박스모델)
HTML의 모든 요소는 상자 형태를 가진다. 원의 형태로 보여도 개발자 도구로 확인하면 상자 형태임을 알 수 있다. content(내용) : 실제로 정보를 담고 있는 부분 padding(패딩) : border의 안쪽 여백 border : 경계선, 컨텐츠를 감싸는 테두리 margin : border 밖 여백, 요소와 요소 사이의 간격 box model과 관련된 프로퍼티 width/height : 컨텐츠 박스의 가로/세로 길이 border : 굵기 / 스타일 / 색상 순으로 작성, 위에만 주기, 아래만 주기와 같이 개별적으로 적용가능 border-radius : 테두리를 둥글게 만듦, border-top-left-radius와 같이 특정 모서리만 적용할 수도 있음 *속기형 : value는 시계방향으로 적용 ..
CSS
2020. 6. 5. 16:59
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- HTML
- 비구조화할당
- 선택자
- sr-only
- 동기처리
- float
- 문자열
- 선형검색
- 프로젝트
- overflow
- 연결리스트
- Dom
- Big Ω
- RenderTree
- 함수
- valgrind
- intersectionObserver
- CSS
- 구조체
- 구조분해할당
- malloc
- vanillajs
- capturing
- 포인터
- form
- Typography
- 폼
- 이벤트위임
- CSSOM
- pseudo
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
글 보관함