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

css의 position에는 4가지의 요소가 있다. (sticy 다른 개념으로 이해되기 때문에 제외) 각각의 4가지 요소에는 속성으로 top, bottom, left, right, z-index를 사용할 수 있고 음수를 사용하여 요소의 각 방향별 거리를 지정할 수 있다! 그러면 이제 각각의 속성에 대해서 알아보겠다. 1. static static 은 기준이 없는 상태이다. 그렇기 때문에 작성했을 때 기본으로 지정되는 기본값으로 생각하면 된다. 그러면 이 배치 요소는 사용하지 않는 걸까? 아니다! 자식 요소가 부모 요소가 아닌 부모의 부모(조상 요소)를 기준으로 잡을 때는 사용하게 된다. 위 그림은 자식 요소 1,2,3과 그리고 부모 요소, 조상 요소가 보인다. 만약 자식 2 가 부모의 조상 요소를 기준으..
⊹ ⠀𝙲𝚂𝚂, 𝚂𝙲𝚂𝚂
2022. 9. 23. 11:48