CSS의 @import At-규칙

CSS @import 규칙은 가져온 스타일 시트의 URL 뒤에 미디어 유형을 지정하여 특정 대상 미디어에 대한 스타일 정보를 설정하는 데 사용됩니다.

구문

다음은 구문입니다 -

@import url("/* 파일 경로 */") 미디어 유형 { CSS-Code;}

CSS @import 규칙의 예를 살펴보겠습니다.

HTML 문서

예시

 head>

 Vivamus commodo, dolor eu porttitor sagittis, orci nisl consectetur ipsum, vel volutpat nibh lectus at erat. 지구의 목구멍이 약간의 이점을 얻을 것입니다. Zen은 필요의 순수한 누추한 계층에서 걱정하는 차량입니다. 
운전석 침대가 아닌 경우. 고문과 다를 바가 없습니다. 그러나 사자의 구성원은 차량이며, 삶의 차량은 때때로 엘리트가 아닙니다. 지금은 못생겼고, 화살만 아니면 전체적인 프린지에 대한 공포다. 

Suspende는 엘리트에서 그것을 장식하기 위해 미소와 미소가 필요합니다. 일시 중단 가능성. 아이들, 십대 아이들을 살아라. 화살과 화살 앞에서 
CSS 문서(screen.css)
 
p {색상:네이비; 글꼴 스타일:기울임꼴; }.two { 색상:#c303c3; 글꼴 크기:20px; } body { background-color:Honeydew;} CSS 문서(print.css):p { color:red; 글꼴 스타일:기울임꼴;}.two { 색상:#989898; 글꼴 크기:40px; }
 
출력
 

 문서가 화면 미디어 유형에 표시되는 경우 -
 

 
 

 문서가 인쇄 매체 유형에서 보이는 경우 -
 

 
 

 CSS @import 규칙에 대한 또 다른 예를 살펴보겠습니다. -
 
HTML 문서
 
예시
 
 / head>

공유공간 괜찮습니다
개인공간을 원합니다

공유공간도 괜찮습니다
 

나도
CSS 문서(all.css):p { float:left; 여백:10px; 패딩:10px; 색상:흰색; 배경색:#48C9B0; 테두리:4px 솔리드 #145A32;}p.noneFloat{ float:none; 클리어:둘 다; 색상:#34495E;}
 
출력