하나의 CSS 파일을 다른 파일에 포함할 수 있나요?

하나의 CSS 파일을 다른 파일에 포함할 수 있나요?

질문에 대한 의견 (2)
해결책

예:

@import url("base.css");

참고:

  • import][1] 규칙은 다른 모든 규칙(@charset` 제외)에 2 선행해야 합니다.
  • 추가 @import 문은 추가 서버 요청이 필요합니다. 또는 모든 CSS를 하나의 파일로 연결하여 여러 HTTP 요청을 피할 수 있습니다. 예를 들어, base.cssspecial.css의 내용을 base-special.css에 복사하고 base-special.css만 참조합니다.
해설 (1)

예. Css 파일 압축을 임포트하지 다른 CSS 파일 수 있다.

첫 번째 비활성화해야 의 규칙을 사용하여 스타일 시트를 [@import 규칙] [1].

@import "mystyle.css";
@import url("mystyle.css");

이 것이 유일한 단서 조항 tfsnap 웹 브라우저를 지원하지 않습니다. 사실, CSS & # 39 hack& # 39, 이 중 하나다. css 스타일 숨기기 위해 이전 브라우저.

이 목록 의 브라우저 지원 () 는 다음과 같은 뜻이 있다.

[1]: http://www.w3.org/TR/CSS21/cascade.html # dell. 가져오기의

해설 (0)

그러나 이 '@import url (base.css&quot ";),' 모든 '새' 는 작동합니다 @import 기술서임을 요청을 있다는 것을 명심해야 합니다. 이 문제를 해결하기 위해 최적의 성능을 필요하지 않을 때 알 수 있으나 '이' @import 피해야 합니다.

해설 (2)

CSS @import 규칙이 바로 그 역할을 합니다. 예,

@import url('/css/common.css');
@import url('/css/colors.css');
해설 (1)

예.

@import "your.css";

이 규칙은 문서화했습니다 [here] [1].

[1]: http://www.w3.org/TR/CSS2/cascade.html # dell. 가져오기의

해설 (1)

경우에 따라 @import "file.css"를 사용하여 가능하며, 대부분의 최신 브라우저는 이를 지원해야 하며, NN4와 같은 구형 브라우저는 약간 문제가 발생합니다.

참고: import 문은 파일의 다른 모든 선언 앞에 와야 하며, 프로덕션 환경에서 사용하기 전에 모든 대상 브라우저에서 테스트해야 합니다.

해설 (0)

@Import 사용 예.

좋은 하루 dell. (http://webdesign.about.com/od/beginningcss/f/css_import_link.htm) 에 대한 자세한 정보 쉽게 봤

해설 (0)

예 @import css 파일 경로를 사용하는 것이 아니라 예:

@import url("mycssfile.css");

또는

@import "mycssfile.css";
해설 (0)

',' @import (/path-to-your-styles.css&quot ";)

즉 css 스타일시트가 포함시키십시오 내에서 가장 좋은 방법은 css 사용하여 스타일시트가 css.

해설 (0)

이 &quot @import"; 규칙을 파일을 여러 스타일을 통화할 수 있다. 이러한 파일은 브라우저에서 HTML 태그를 필요할 때 또는 사용자 에이전트 불렀으매 security. CSS. (예:




Using @import
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

@import url("main.css");




CSS 파일 &quot main.css"; 다음 구문을 포함되어 있습니다.

@import url("fineprint.css") print;
@import url("bluish.css") projection, tv;
@import 'custom.css';
@import url("chrome://communicator/skin/");
@import "common.css" screen, projection;
@import url('landscape.css') screen and (orientation:landscape);

[# 39, t 크리스테스노드 don& 경로재설정 이너사믈] 사용하여 스타일로 삽입하려면 요소 1 그러나:

<script>
var style = document.createElement('style');
style.setAttribute("type", "text/css");
var textNode = document.createTextNode("
    @import 'fineprint.css' print;
    @import 'bluish.css' projection, tv;
    @import 'custom.css';
    @import 'chrome://communicator/skin/';
    @import 'common.css' screen, projection;
    @import 'landscape.css' screen and (orientation:landscape);
");
style.appendChild(textNode);
</script>
해설 (1)

다른 하나의 css 그러하너라 쉽게 가져올 수 있습니다 (모든 곳을 웹사이트) 같은 사용해야 합니다.

@import url("url_path");
해설 (0)
@import url('style.css');

반대로, 모든 것이 가장 좋은 것은 전체 오토메이티드 CSS 파일 하나의 청크가 HTTP/2.0 사용할 때

해설 (0)

,, /h2&gt 아우터브리스타 및 wordpress&lt 부트스트랩에 &lt h2&gt 임포트합니다 함께 이 wordpress 를 사용하고 있는 가져오기할 아우터브리스타 부스스트라피크스 함께

@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css");

그래, 내가 만약 html 코드 삭제 및 작동하잖아 것처럼 링크 페이지에 넣어 rel

해설 (0)

하지만, 어떤 이유로든 @import didn& # 39, t, s not it& # 39 내 업무에 꼭 필요한 셜록이야?

39, s what I did 대신 here& 내, html:



앞서 미디어 = &quot print"; 2 스타일시트가 있다. myap-print.css 및 myap-screen.css. # 39 의 것과 같은 효과를 내 myap-screen.css myap-print.css. 등 it&.

해설 (1)

내가 hotenough. main. css 파일과 css 파일이 포함된 모든 항목이없습니다.

Main. css 파일 하나만 포함시킬 수 있습니다

@import url('style.css');
@import url('platforms.css');
해설 (0)

sing the CSS @import 규칙 [here] (http://www.cssnewbie.com/css-import-rule/ # .Uw1XRPmSzkc sing the CSS @import Rule&quot ";)

@import url('/css/header.css') screen;
@import url('/css/content.css') screen;
@import url('/css/sidebar.css') screen;
@import url('/css/print.css') print;
해설 (1)

내가 이 일을 desktopplatforms DON& T # 39 라고 말해주고 싶어 빛위에 발견했다, CSS 의 사용을 @IMPORT!!!! 클라이언트 및 클라이언트 높여줍니까 가져오기의 기술서임을 송신됩니다 다른 요청. Css 나눌 수 있는 다양한 파일을 스케쳐내 간에 적게 사용합니다. 무슨 일이 있어도 가져오기의 기술서임을 감소 및 서버의 성능 저하 및 출력 캐시됩니다 클라이언트뿐 실행하여 다른 연결 할 수 있도록 만들 수는 없습니다. 그는 여기에있다 나는 또 다른 옵션을 자스 모를 일이다. 솔직히, 사용하지 않을 경우, Less, 자스 어졌다면 시작해야 합니다. http://willseitz-code.blogspot.com/2013/01/using-less-to-manage-css-files.html

해설 (7)