와썹 동기 가이즈! 오늘은 마진에 대해 알아보도록 합시다! Margin 마진(Margin) 설정은 경계(Border) 밖의 빈 공간을 나타냅니다. 코드에서의 Margin #margin1 { border: thick solid red; padding: 35px; width: auto; margin: 50px; } #margin2 { border: thick solid blue; padding: 35px; width: auto; margin: 50px; } 마진이 없다면? ※ 조금 뜬금 없는 소리인데 'Wraith awaiting launch orders.' 스타크래프트 1의 레이스가 생산될 때의 대사이다. 항상 '윙거윙어졸스'라고 들려서 그렇게 생각했는데 '레이쓰 어웨이링 런치 오덜스'라니ㅋㅋ 한참을 레이..
와쌉 동기 브로스! 마진(Margin) 프로퍼티에 대해 겁나 빠르게 알아 봅시다! 겁나 쉬움 Working with Margin 마진(Margin) 프로퍼티는 웹 사이트에서 HTML 요소들의 사이 사이에 공간을 설정할 수 있는 빠워를 가지고 있습니다. 생김새 .item { margin: 3px; } class ="item"을 가지고 있는 모든 요소들은 사이에 3px의 공간을 갖게 하라! margin-top : 위 공간 설정 margin-bottom : 아래 공간 설정 margin-left : 왼쪽 공간 설정 margin-right : 오른쪽 공간 설정 예 사실 이전 코드에서 margin을 사용 했기 때문에 별로 달라지진 않았습니다 ㅠ ㅠ 우리가 오늘 배운 내용의 CSS 코드 입니다. (지난번 코드와 다르..
- Total
- Today
- Yesterday
- em
- 메서드
- HTML 기본
- Object
- Array
- function
- 함수
- Typescript
- 타입 좁히기
- html table
- 실수
- css position
- html
- for문
- CSS 포지션
- Margin
- 객체
- if문
- 프로그래머스
- javascript
- 타입스크립트
- CSS
- 자바스크립트
- 동기코딩
- 파이썬
- method
- 반복문
- Type
- padding
- Python
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |