[CSS]박스_레이아웃 속성 : position
1. position 속성 ★★★ -블럭 요소 : 부모 태그 영역의 한 줄 차지. 문서 흐름은 위에서 아래로 쌓임(↓) -인라인 요소 : 컨텐츠 영역만큼 차지. 같은 줄에 순서대로 배치. 왼쪽에서 오른쪽으로(→) tag { position : static(기본값) / relative / absolute / fixed;} 기준 자기 위치 static (정적 위치 설정) 이후에 위치값을 설정해도 위치 이동하지 않음. relative (상대 위치 설정) static일 때 위치 static 위치에서 설정값만큼 이동 static 위치 absolute (절대 위치 설정) 직계 부모 태그 영역 없음 fixed (고정 위치 설정) 현재 브라우저 ex) 페이지 내 고정적으로 위치하는 [ top ] 버튼 같은 것
수업/└HTML&CSS
2022. 1. 3. 13:48
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- ScriptTag
- initialized
- BAEKJOON
- CascadingStyleSheet
- 입력양식
- 기본선택자
- html a tag
- A%B
- html layout
- 스크립태그
- Java
- 미디어 태그
- text formatting
- caption-side
- empty-cell
- html atrribute
- 외부구성요소
- html pre
- input type 종류
- html input type
- 변수
- typeof
- html
- selcetor
- scanner
- html base tag
- JavaScript
- css
- border-spacing
- improt
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함