CSS에서 @는 무엇을 의미합니까?

CSS의 "@" 기호는 규칙 세트(스타일 정의) 및 지시문(스타일 시트 가져오기와 같이 스타일과 관련 없는 규칙 설정)을 포함한 지시문 및 규칙을 소개하는 데 사용됩니다. 예: @import, @media, @keyframes.

CSS의 "@" 기호

Cascading Style Sheets(CSS)에서 "@" 기호는 특정 목적을 가진 특수 문자입니다.

목적:

"@" 기호는 CSS에서 다음을 포함한 다양한 지시문과 규칙을 소개하는 데 사용됩니다.

• 규칙 세트: "@"로 시작하여 다음과 같은 명령 세트를 정의하는 데 사용됩니다. 특정 요소 또는 선택기의 스타일에 적용되어야 합니다.
• 지시문: "@"로 시작하지만 뒤에 중괄호가 오지 않으며 외부 스타일 시트 가져오기 또는 변수 정의와 같이 스타일과 관련 없는 규칙을 설정하는 데 사용됩니다.

구문: ​​

"@" 기호 다음에는 지침이나 규칙이 오고, 일반적으로 그 뒤에 키워드가 옵니다. 예:

• @import: 외부 스타일 시트 파일 가져오기 @import：导入外部样式表文件
• @media：创建媒体查询，在特定条件下应用样式
• @keyframes
@media: 특정 조건에서 스타일을 적용하는 미디어 쿼리 만들기

@keyframes: CSS 애니메이션용 키프레임 정의 <strong></strong>

예:

<code class="css">@import "styles.css";

@media (min-width: 768px) {
  body {
    font-size: 1.2rem;
  }
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}</code>

참고:
• "@" 기호는 항상 소문자로 시작합니다.
• "@" 기호 뒤의 지시문이나 규칙은 세미콜론(;)으로 끝나야 합니다.

🎜"@" 기호 뒤의 키워드와 규칙은 대소문자를 구분합니다. 🎜🎜

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