10. Html Css 레이아웃 (z-index, float, clear, n단 레이아웃)
1. z-index - HTML 요소의 위치를 설정하게 되면 위치 및 방식에 따라 요소가 겹칠 수 있음 - 겹쳐지는 요소들이 쌓이는 순서를 결정할 때 z-index를 사용 - 순서는 숫자의 크기가 클수록 위에 위치하고 작을수록 아래 위치하게 됨 z-index 1번째 div 2번째 div 3번째 div 2. float - HTML 요소가 주변(수평으로 나열된)의 다른 요소들과 자연스럽게 어울리도록 만듦 - float를 적용받은 요소의 다음에 나오는 모든 요소들이 끌어올려짐 - float를 적용받은 요소의 다음에 나오는 요소방향을 결정 (left, right) - 컨텐츠 크기 만큼만 영역을 설정(블록) - float를 적용받은 요소는 다른 요소보다(배경)보다 위에 위치 float1 Lorem ipsum do..
Web
2024. 4. 12. 11:13
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- Python
- JavaScript
- 변수
- 닷홈
- __call__
- CSS
- MySQL
- DB단어장
- MySQLdb
- 리스트
- 파이썬SQL연동
- FOR
- 줄 간격
- 클래스문
- 폼
- animation적용
- 고정위치
- trasform
- HTML
- DB프로그램만들기
- 솔로의식탁
- 절대위치
- 셋
- html이론
- Enclosing
- EPL정보프로그램
- 박스사이징
- 출력
- 상대위치
- 로또번호생성
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 | 31 |
글 보관함