Fullstack-Study-241204-250625

커리큘럼

01. HTML,CSS  (v)
02. git
03. Java
04. Database
05. Jsp
06. 미니프로젝트

07. SpringFramework
08. SrpingBoot
09. React JS
10. 중간프로젝트

11. Linux 명령어
12. AWS 클라우드
13. Kotlin
14. Andriod
15. 최종프로젝트

---

float

• 웹 페이지 레이아웃을 구성할 때에 반드시 사용하는 속성
• float 속성에 적용 가능한 키워드

left
right

// float적용시 부모요소에 overflow:hidden 추가 혹은 부모요소:after에 content:""; display:block; clear:both추가

position

• 키워드

static          # 태그가 위에서 아래로 순서대로 배치
relative        # 초기 위치 상태에서 상하좌우로 위치 이동
absolute        # 절대적 위치 좌표 설정 (부모에 realative가 있는 태그 기준으로 움직이게 됨. 없으면 body기준)
fixed           # 화면을 기준으로 절대적 위치 좌표 설정

• 포지션이 겹칠때 우선순위 설정

z-index # 값이 높을수록 더 앞에 보임.