2017년에 배울 새로운 CSS기능 3가지

이 글은 2017년에 주목할 만한 새로운 CSS 기능 3가지를 소개합니다. 첫 번째로 소개되는 기능은 '기능 질의(Feature Queries)'로, `@supports` 규칙을 사용하여 특정 CSS 속성-값 쌍을 브라우저가 지원하는 경우에만 스타일을 적용할 수 있게 해줍니다.

이를 통해 개발자는 다양한 브라우저 환경에서도 안정적으로 스타일을 구현할 수 있습니다. 예시로 Flexbox 지원 여부를 확인하는 코드가 제시되며, `and`, `not` 연산자를 활용한 복잡한 조건 설정 방법도 설명합니다.

이 기능은 당시 대부분의 주요 브라우저에서 지원되어 웹 개발의 유연성을 높였습니다.