Notice
Recent Posts
Recent Comments
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 | 31 |
Tags
- 컴퓨터구조
- 자바 실습
- 머신러닝
- 자바
- 정보처리기사필기
- 연습문제
- 디버깅
- 혼공머신
- JDBC
- SQL
- html/css
- JSP
- CSS
- 자바스크립트심화
- 순환신경망
- 개발일기
- ChatGPT
- 데이터베이스
- JSP/Servlet
- 상속
- 딥러닝
- 컴퓨터비전
- c언어
- 파이썬
- 중학수학
- 데이터분석
- 중학1-1
- 정보처리기사실기
- rnn
- 자바스크립트
Archives
- Today
- Total
클라이언트/ 서버/ 엔지니어 "게임 개발자"를 향한 매일의 공부일지
레이아웃을 구성하는 CSS 박스 모델 8 - position과 포함관계 실습해보기 본문
수업 시간에 배운 건데 한 가지 더 정리할 게 있어서 기록해 보기로 했다. 지난번에 수업을 들을 때는 하나도 이해하지 못했던 부분인데 요즘 CSS를 혼자서 공부하면서 정말 많은 것들을 배우게 되었다.
수업 영상을 다시 볼 시간은 없으니 실습 자료들을 보면서 한번 정리해보기로 했다.
1. position 실습
스크롤 막대를 내리면 왼쪽에 네모는 계속해서 내려가지만 오른쪽에 초록색 네모는 그 위치에 항상 고정되어 있다. 초록색 네모를 fixed로 고정했기 때문이다. absolute는 사용한 상위 요소를 기준으로 위치를 지정하는 것이다. 이 부분도 중요하니 꼭 숙지하고 넘어가기로 하자.
2. 부모 자식 포함 관계 실습
childDiv가 parentDiv에 포함되어 그 안으로 들어간 형태로 만들어졌다.
학습을 마치고
이렇게 수업 시간에 배운 내용을 정리해보는 건 정말 중요하다는 걸 알게 되었다. 그때는 뭘 배웠는지 잘 모르지만 공부를 한 후에 다시 보면 수업 때 배운 것들이 다시 생각난다.
그래서 공부는 반복이 중요하다. 마치 콩나물에 물을 주는 것과 같다. 모두 빠져나가고 남는 게 하나도 없는 것 같지만 계속해서 반복하고 반복하다 보면 어느새 알게 되고 성장하게 되었음을 알게 된다. 이제 9장에서 배운 내용들을 정리하며 문제를 풀어보려고 한다~
'웹 · 앱 개발 > HTML & CSS' 카테고리의 다른 글
CSS 고급 선택자 1 - 연결 선택자 (0) | 2024.08.07 |
---|---|
이미지와 그라데이션 효과로 배경 꾸미기 4 - 단원 마무리 및 연습문제 풀기 (0) | 2024.08.06 |
이미지와 그라데이션 효과로 배경 꾸미기 3 - 그라데이션 효과로 배경 꾸미기 (0) | 2024.08.06 |
이미지와 그라데이션 효과로 배경 꾸미기 2 - 배경 이미지 지정하기 (0) | 2024.08.06 |
이미지와 그라데이션 효과로 배경 꾸미기 1 - 배경색과 배경 범위 지정하기 (0) | 2024.08.06 |