일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- Linux cat
- EC2 HTTP 호스팅
- linux foreground
- Linux mkdir
- JavaScript EventLoop
- javascript 정렬
- Linux cd
- linux background
- Linux oh my zsh
- Logback
- Linux 디렉터리 명령어
- Linux rmdir
- 자바스크립트 이벤트 루프
- HTTP Web Server
- Linux pwd
- EC2 oh my zsh
- Linux 디렉터리 역할
- 서버의 서비스 방식
- Navigation Pattern
- EC2 Apache2
- EC2 zsh
- Linux 파일 관리 명령어
- Linux apt-get
- Linux 디렉터리 구조
- Linux apt
- 자바스크립트 런타임
- javascript scope
- AWS EC2 서버 만들기
- Linux ls
- JavaScript 실행 디버깅
Archives
- Today
- Total
목록css box-sizing (1)
HyunJun 기술 블로그
728x90
반응형
CSS Box Model(margin, padding, border, contents)
1. CSS Box Model CSS Box Model은 HTML 요소의 디자인과 레이아웃을 말할 때 사용한다. content .box-model { width: 200px; height: 200px; background-color: aqua; margin: 10px 20px 30px 40px; padding: 40px 30px 20px 10px; border: 1px solid black; /* border: 2px dashed red; */ /* border: 3px dotted blue; */ /* border: 4px double green; */ } content(파란색 영역): Text 등 Content가 들어가는 영역 padding(초록색 영역): border(외곽선)를 기준으로 내부 여백 ..
CSS
2023. 5. 30. 13:17
728x90
반응형