이 글은 지속적으로 업데이트될 글 입니다.
position:absolute가 지정되면 z-index:0 이 지정된다.
값이 같다면 나중에 선언된 요소가 앞에온다.
relative도 동일하다.
position속성이 있는게 우선적으로 앞으로 나온다.
z-index가 같다면position속성이relative가absolute보다 앞에 온다.
vertical-align은inline에서는 사용할 수 없다.em태그는inline이다.
align-items는flex-direction에서 설정된 축을 기준으로 중앙 정렬이다.
justify-content는flex-direction에서 설정된 축의 수직을 기준으로 한 중앙 정렬이다.
pointer-event
이벤트를 받을지 지정하는 속성, default : all
form 관련 요소(input 등)는 font 관련 속성을 상속받지 않는다.모든 요소에 일일이 속성을 부여하지말고 전체 선택자
*를 사용하면
한번에font속성 지정이 가능하다.
input전용 가상선택자valid: 입력값이 유효할때 css
- html 태그에 부여된 type과 추가 속성을 기준으로 유효한지 판단한다.
input전용 가상선택자invalid: 입력값이 유효하지 않을 css
- html 태그에 부여된 type과 추가 속성을 기준으로 유효한지 판단한다.
선택자 방식이 다르고 같은 속성이 존재한다면 먼저 선언된 속성이 우선 적용된다.
transition : 속성1, 속성2, 0.3s: 특정 속성만 transition 적용하는 방법
max-height: 최대 높이 지정
모든 자식들이
display : inline-block이고height값이 다르면bottom을 기준으로 정렬된다.
label태그 안에input[type=checkbox]사용 시for속성이 있으면 동작하지 않는다.
modal열렸을때 스크롤을 막으려면body.active { overflow:hidden }을 넣으면 된다.
