안녕하세요 동기 여러분! 오늘은 CSS의 박스 모델이 어떻게 구성이 되어 있는지 알아보도록 합시다. The Box Model 박스 모델은 margin, border, padding, content height, content width의 프로퍼티로 이루어져 있는데 이들 값으로 요소가 웹 페이지에서 공간을 어떻게 차지할지 조절할 수 있습니다. 생김새 width 와 height : content의 높이와 폭을 나타냅니다. padding : border와 content 공간 사이의 공간을 나타냅니다. ( 영어 사전에서의 padding : 충전재 ) border : content의 공간과 padding의 공간을 감싸는 (두께가 있는)경계 또는 스타일. ( 영어 사전에서의 border : 경계, 가두리 ) mar..
하우즛 고잉 가이즈? 동기 여러분! 오늘부터 HTML를 시작하게 되었습니다. 우와아아아아 ~~ 이번에 알아볼 내용은 HTML의 기본 생김새를 알아보도록 하겠습니다. 갑시다! HTML Anatomy HTML은 요소(element)로 구성이 되어 있습니다. 이 요소들은 웹페이지의 구조와 내용을 나타냅니다. 아래의 그림을 봅시다. 요소(Element)는 HTML 태그로 이루어진 모든 것을 말하는데, 텍스트 또는 미디어를 포함합니다. HTML 태그는 (Angle bracket)으로 쌓여있는 것을 말하는데, 요소의 이름입니다. 앞 태그(Opening tag)는 요소의 시작을 나타냅니다. 뒷 태그(Closing tag)는 요소의 끝을 나타냅니다. 그리고 < 기호 오른쪽, 태그 이름 앞에 꼭 /(Slash)를 ..
- Total
- Today
- Yesterday
- 함수
- 파이썬
- CSS 포지션
- 실수
- Margin
- em
- Object
- 타입 좁히기
- javascript
- 객체
- CSS
- method
- Python
- 반복문
- 자바스크립트
- 프로그래머스
- 메서드
- Type
- if문
- css position
- function
- Typescript
- for문
- html
- 동기코딩
- Array
- 타입스크립트
- HTML 기본
- padding
- html table
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |