css

폰트 사이즈가 기본 3vw이며 최대 32px가 되면 그 값에서 홀딩폰트 사이즈가 기본 3vw이며 최소 12px로 되어지면 그 값에서 홀딩이처럼 min, max를 섞어서 사용도 가능하다!출처

css 작성 시 선택자에서 선택하고 싶지 않은 나머지 선택자를 선택 할 때 :not() 사용ex) div p:not(.disabled) {...} ul li:not(:first-of-type) {...}

jquery 방식이 아닌 css로 처리 하는 방법pointer-events\` 속성은 요소의 박스가 클릭, 호버, 드래그 등 포인터 이벤트의 대상이 될 수 있는지를 정의상속이 가능하기 때문에 클릭 이벤트를 포함하는 모든 영역(부모)에 추가하면 하위 이벤트까지 작동안함출

웹 접근성을 한번이라도 한 사람이라면 모두 알듯한 sr-only사용하는 이유는 모두 다르겠지만, 저같은 경우에는 이미지에 너무 많은 정보를 담을 때에 alt대신 div 혹은 p태그를 만들어 해당 태그에 이미지에 대한 설명을 담고 class="sr-only" 를 하는 방