Records
2021-07-02 ( CSS )
지후0816
2021. 7. 3. 17:43
오늘 진행한 일정
CSS
- 팝업을 띠웠을 때(기존 HTML 화면이 배경이 되는 경우), 기존 화면의 overflow를 hidden으로 주면 기존 화면의 스크롤바는 안 보이게 된다.
- overflow 될 경우에만 스크롤바가 생기도록 구현할 떄, overflow-y: auto을 사용한다. overflow에는 기준이 필요하기 때문에 max-height를 주는 방법이 있다.
- flex-grow: 1; 의 의미
- 해당 요소가 속한 부모 요소의 width 또는 height 중 남는 부분을 다 가져간다.
- 부모 요소에 display: flex; / flex-direction: row(width) 또는 column(height)
- 단, 값을 절대적으로 정해줘도 수축성이라는 게 존재해서 화면에 보이는 것들이 점점 작아질 수록 flex-grow:1의 형제들도 결국엔 작아진다. 이때, flex-shirink: 0을 주면 줄어들지 않는다.(기본값이 1)
- 가상 클래스 before, after
- 전과 후로 생성해줄 요소를 지정한다.
- content라는 요소를 반드시 사용해야 한다.
내일 할 일
- 자바스크립트와 제이쿼리 기초 69강까지 숙달시켜야 함.