Notice
Recent Posts
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- JS typeof연산자
- JS 삼항연산
- JS preventDefault
- git 협업셋팅
- JS 연산
- JS setInterval
- JS append
- CSS기초
- JS localStorage
- JS setTimeout
- JS classList
- JS 스코프
- JS value속성
- JS 형변환
- JS null undefined
- JS appendChild
- js 변수
- JS 함수
- JS clearInterval
- HTML기초
- CSS속성정리
- JS form
- JS form action
- JS redirection
- JS 화살표함수
- JS 기초
- JS 타이머기능
- JS prompt
- JS 데이터타입
- JS 숫자
Archives
목록CSS position속성 (1)
공부기록용
CSS 기초 03(속성정리02_position관련)
🔴position 🔻static: position 속성을 별도로 지정해주지 않으면 기본값인 static이 적용되며 HTML 문서 상에서 원래 있어야하는 위치에 배치된다. 🔻relative(부모요소): 요소를 원래 위치에서 벗어나게 배치할 수 있다. 🔻absolute(자식요소): position속성이static이 아닌 첫 번째 상위 요소가 해당 요소의 배치 기준이 된다. 🔻fixed 🔻sticky position position은 문서 상에 요소를 배치하는 방법을 정의한다. position이 요소의 배치 방법을 결정하면, top/bottom/right/left를 필요에 따라 사용하므로써 최종 위치를 결정하는 방식이다. (~부터 얼만큼) ※오프셋(보충)이란, 위치를 얼마간 이동시키는 것을 의미 static ..
📚강의록📚/유노코딩)CSS
2023. 4. 14. 15:43