CSS에서 `@` 기호의 목적은 무엇입니까?

@ CSS의 기호: 목적 공개

질문:

낯선 표기법에 직면 CSS에서 개발자는 특히 @font-face에서 @ 기호 사용으로 인해 당황합니다. 선언. 이것은 CSS3에 최근 추가된 것입니까, 아니면 오랫동안 간과되었던 ID 및 클래스와 유사한 기능입니까?

답변:

@ 기호는 이후 CSS의 필수적인 부분이 되었습니다. CSS1의 @import로 시작되었습니다. 그러나 CSS2와 CSS3에서 각각 @media와 @font-face가 등장하면서 그 보급률이 증가했습니다. 이러한 구성을 CSS에서는 at-규칙이라고 합니다.

At-규칙은 HTML 요소 스타일 지정 이상으로 확장되는 브라우저용 특수 지침입니다. 스타일이 적용되는 방식을 제어하고 특정 작업을 처리하는 데 중요한 역할을 합니다.

At-Rule의 예:

@import: 스타일시트 내에서 다른 스타일시트를 가져옵니다.

@media: 미디어 특성(예: 인쇄, 모바일 장치)을 기반으로 스타일을 선택적으로 적용합니다.

@font-face: 디자인에 사용할 사용자 정의 글꼴을 정의하여 브라우저에서 글꼴 및 텍스트 렌더링을 다운로드할 수 있도록 합니다. 맞춤형 방식으로 제공됩니다.

특징 At-규칙:

선택기와 달리 at-규칙은 요소와 관계가 없습니다. 다양한 특성으로 인해 여러 CSS 모듈에 걸쳐 정의가 다양해졌습니다. 다른 at-규칙의 예는 다음과 같습니다:

• 조건부 규칙
• 키프레임 애니메이션
• 페이지 미디어

결론:

CSS의 @ 기호는 다음을 의미합니다. at-규칙, 스타일 지정 이상의 브라우저 동작을 안내하는 특수 지침입니다. 스타일시트 가져오기, 미디어별 스타일 제어, 사용자 정의 글꼴 정의 등의 작업을 수행합니다. At-규칙은 CSS의 중요한 측면으로, 기능을 확장하고 웹사이트 디자인의 유연성을 높여줍니다.

위 내용은 CSS에서 `@` 기호의 목적은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!