일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 리액트
- JavaScript
- CSS
- react
- HTML
- 제이쿼리
- FOR문
- 자바스크립트
- 바닐라자바스크립트
- 20231221
- 미세먼지
- css 속성
- 아코디언카드만들기
- 공공데이터
- position
- 자바스크립트 내장객체
- Illustrator2022
- 개발일지
- JS
- css속성
- jQuery
- open api
- Js 내장객체
- 퍼블리싱
- module.css
- 메뉴바만들기
- 공공데이터 활용
- 일러스트 입체글자
- useState
- 미세먼지알림사이트만들기
Archives
- Today
- Total
목록absolute (1)
김코드의 웹디자인 세상

2. relative relative의 배치 요소는 자기 자신을 기준으로 하는 배치 요소이다. 부모 요소가 지정되어 있지 않는다면 자기 자신을 기준으로 입력된 속성 값으로 이동한다. 여기 그림에 자식 요소 1,2,3이 있다. 만약 자식 2 요소를 (top: 30px; left:30px;)로 이동하려면 어떻게 해야 할까? .container{ background-color: tomato; width: 300px; height: 250px; } .container .item{ background-color: yellow; border: 4px dashed blue; } .container .item:nth-child(1){ width: 100px; height: 100px; } .container .item..
⊹ ⠀𝙲𝚂𝚂, 𝚂𝙲𝚂𝚂
2022. 9. 25. 11:45