CSS 34
- input에 flex-shrink가 적용되지 않아요
- 텍스트 드래그 막기, user-select
- CSS cubic-bezier() Function
- IOS Safari에서 스크롤 이벤트 모멘텀 해결하기
- Google I/O State of CSS 2022
- [object-fit] 가로세로 비율 유지하면서 사이즈 조정하기
- css animation 여러개 실행시키기
- Transition vs Animation
- [clearfix] float 속성 클리어하기
- BEM 방법론 - CSS naming convention
- [:autofill] input 자동완성 가상선택자
- [@supports] 브라우저가 지원하는지에 따라 스타일 적용
- [:is()] 선택기를 단순화하는 가상 선택자
- 가상 셀렉터 :nth-child와 :nth-of-type의 차이
- block과 inline-block, inline 요소의 차이
- CSS-in-JS? 장점과 단점
- 반응형 작업을 위한 폰트 단위 rem / em
- 텍스트 길어지면 말줄임표 처리하기✍️
- position: absolute 자식을 부모 요소의 정가운데에 배치하기
- background 여러가지 속성 한 줄로 입력하기
- border-width를 이용한 가운데 뚫린 배경 만들기⭕️
- clip - 이미지/백그라운드 마스크 효과 주기
- 모바일에서 100vh 값이 100%보다 커서 페이지 밖으로 빠져나갈 때
- min/max() + calc() = Incompatible units: 'px' and 'vw'
- inner border 적용하기
- [IE] 체크박스 디자인 커스텀하기 + 체크박스 클릭 시 맨 위로 이동하는 문제
- 끝에서 n개까지의 요소에 css 적용하기
- OS별 기본 시스템 폰트 정리
- SCSS 특정 클래스를 포함했는지 감지하여 스타일 적용하기
- 일본어/중국어 word-break: keep-all; 단어길이가 길 경우 줄바꿈
- height를 width와 똑같은 비율로 만들기
- [vendor prefix] css 접두어 webkit, moz, o, ms
- min() / max()
- 셀렉트 박스 텍스트 가운데 정렬