CSS @-rule   CSS @ 규칙

(2021-06-19)

@charset 규칙, @import 규칙, @font-face 규칙


1. CSS @ 규칙 (@-rule)

  ㅇ 종류 : @charset, @import, @font-face, @media, @keyframe 등

  ㅇ @charset "문자세트 이름" 
     - 스타일시트 파일문자인코딩 방식의 지정
     - 반드시, 첫 줄 맨 앞에 있어야 함
     - 例) @charset "UTF-8";

  ㅇ @import url("URL 경로명") 
     - 스타일시트 안에서 다른 스타일시트 파일을 가져오기
     - 반드시, CSS 선택자가 나오기 전 스타일시트의 시작(맨처음) 부분에 위치하여야 함
     - 例) @import url("/path/stylesheet.css");
     - 통상, 공통으로 정한 스타일시트 파일을 적용할 때 쓰여짐

  ㅇ @media                                ☞ 미디어 쿼리 참조
     - 미디어 종별(특정 조건)에 따라, 다른 스타일 설정을 줌   
     - 반응형 웹 디자인CSS 만으로 구현하기 위한 미디어 쿼리
     - 형식) @media (특정 미디어 조건) { 설정 내용 }

  ㅇ @font-face : 사용자 정의 글꼴
     - 형식) @font-face { font-family: 사용자정의폰트명; src: url(글꼴파일명); }
     - 글꼴파일명 例) *.ttf, *.otf, *.woff 등

CSS
   1. CSS   2. CSS 리스트   3. CSS @ 규칙  


Copyrightⓒ written by 차재복 (Cha Jae Bok)               기술용어해설 후원
"본 웹사이트 내 모든 저작물은 원출처를 밝히는 한 자유롭게 사용(상업화포함) 가능합니다"