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 @ 규칙 4. [CSS 구문 (선택자,속성,단위)] 5. [폰트,텍스트] 6. [박스모델 (마진,보더,여백,block,inline)] 7. [레이아웃,정렬] 8. [색상,배경,그림자] 9. [특수효과 (변형)] 10. [미디어 쿼리 (반응형 웹)]