HTML 요소의 안쪽 여백을 조절하는 패딩(padding)이 있었다면,테두리 바깥쪽에 공간을 만들어 다른 요소들간의 간격을 조절하는 역할을 하는 것이 마진(margin)이다. 요소들을 배치하다 보면 세부적으로 요소들의 간격을 조절하고 싶은 상황이 생기게 되고,그때 적절하게 사용할 수 있는 속성이 마진이다. Margin 사용하기1. margin 각 방향 사용padding 속성과 같이 4가지 방향 상(top), 하(bottom), 좌(left), 우(right)로 각각 조절 할 수 있다..top { margin-top: 20px;}.bottom { margin-bottom: 20px;}.left { margin-left: 20px;}.right { margin-right: 20px;} margin-..
웹페이지를 만들려면 HTML로 구조를 만들고 CSS를 통해 레고처럼 위치를 잡고 쌓는 과정을 해야한다.잘 만들어진 웹페이지들은 바로 이 HTML 요소들을 제각각 규칙에 맞게 배치한 결과라고 할 수 있다. 그 규칙을 만들게 도와주는 CSS 속성이 바로 Display. displaydispaly 속성은 HTML 요소가 화면에 어떻게 보여지고 주변 요소들과 어떤 상호작용을 할지를 결정한다.요소 하나하나 성격을 정의한다고 보면 되는데 모든 HTML 요소들은 기본적으로 display 속성을 가지고 있다. display를 처음 만나기 위해 가장 기본적이고 대중적인 세가지 요소를 먼저 알아보자. 1. display : block;block(블록)이라는 이름 답게 이 값은 HTML요소를 하나의 커다란 벽돌 처럼 취급한..
- Total
- Today
- Yesterday
- 비주얼스튜디오코드
- 함수
- 웹페이지
- 조건문
- array
- javascript
- 깃허브
- function
- 화살표함수
- HTML
- 반복문
- node
- TAG
- vsCode
- 자바스크립트
- Dom
- for
- github
- js
- zindex
- 깃헙
- 배열
- object
- 태그
- 변수
- CSS
- position
- width
- height
- z-index
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |