CSS @-rule   CSS @ 규칙

(2019-07-11)
1. CSS @ 규칙 (@-rule)

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

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

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

  ㅇ @media : 미디어 종별(특정 조건)에 따라 다른 스타일 설정을 줌 (미디어 퀴리)
     - 형식) @media (특정 미디어 조건) { 설정 내용 }
     - 미디어 유형 종류 : print, screen, handheld, braille, projection, screen, tty, tv
        . all (모든 미디어 유형)
     - 미디어 특성 쿼리 종류 : device-width, orientaion, resolution 등
        . min-,max- 접두사 : 이를 이용하여 최대값,최소값 이하/이상인지를 확인 가능
     - 例) @media (min-width:758px) { 설정 내용 } => 768 픽셀 이상이면, 설정 적용

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


[CSS] 1. CSS 2. CSS 선택자 3. CSS 속성 4. CSS 속성값 5. CSS 박스 모델 6. block,inline 요소 유형 7. CSS 색상 8. CSS 배경 9. CSS 위치 10. CSS 정렬 11. CSS 텍스트 12. CSS 폰트 13. CSS 리스트 14. CSS @ 규칙 15. CSS 그림자 16. CSS 시간 변형 17. CSS 2차원 변형

 
        최근수정     요약목록     참고문헌