하나의 일반적인 CSS 파일에서 웹 사이트의 모든 페이지에 상단 섹션과 푸티 지 섹션의 클래스를 사용하십시오.

-3

내 웹 사이트의 모든 페이지에 상단 섹션과 푸티 지 섹션이 있습니다. 나는이 섹션들을 위해 정의 된 CSS 클래스를 가지고있다. 내가하고 싶은 일은이 두 섹션의 공통 파일을 만들어 모든 페이지에 사용하는 것입니다. 따라서이 섹션에서 뭔가를 편집하려면 한 곳에서만해야합니다.하나의 일반적인 CSS 파일에서 웹 사이트의 모든 페이지에 상단 섹션과 푸티 지 섹션의 클래스를 사용하십시오.

각 웹 페이지의 중간 섹션에 다른 CSS가 있습니다. 그래서 상단 및 하단 섹션에 대한 하나의 일반적인 CSS 파일을 만들고 싶다면 하나의 웹 페이지에 대해 두 개의 CSS 파일이 있어야합니다. 그래서 내 진짜 질문은 하나의 웹 페이지에 대한 두 개의 CSS 파일을 가질 수 있습니까? 그렇다면 포함하고 관리하는 방법은 무엇입니까? 그렇다면 내 목적을 달성 할 수있는 방법이 있습니까?

그리고 각 페이지의 html을 바꿀 필요가없는 경우 가장 좋은 해결책이 될 것입니다. 상단 및 하단 섹션이있는 html 페이지를 만들 수 있다면. 그리고 모든 웹 페이지에서이 html 페이지를 사용하십시오. 뭔가를 바꾸고 싶다면 많은 편집 내용을 저장할 수 있으므로 매우 유용 할 것입니다. 의 header_footer.css 내

<link rel="stylesheet" type="text/css" href="header_footer.css"/> 
<link rel="stylesheet" type="text/css" href="main.css"/>

<link rel="stylesheet" type="text/css" href="commonStyles.css" /> 
<link rel="stylesheet" type="text/css" href="specificAboutUsPageStyle.css" />

출처

2012-01-02 stillStudent

스타일 시트를 HTML과 동일한 순서로로드 할 필요가 없다는 것을 알고 있습니까? ?? –

동일한 페이지에 여러 개의 CSS 파일을 포함 할 수 있습니다. 구문은 하나의 파일을 포함하는 것과 동일합니다. 다른 파일 이름으로 여러 번 반복하면됩니다. – Virendra

오케이, 알겠습니다. 내 정확한 요구 사항 (각 페이지에서 사용되는 하나의 파일에서 공통된 html 코드)을 충족시키기 위해 내 질문을 편집하여이를 달성 할 수 있습니까? – stillStudent

스크립트 언어로 php (태그에 따라)를 사용하면 PHP 포함을 사용하여 헤더, 기본 컨텐츠 및 바닥 글을 만들 수 있습니다.

페이지 : MainContent.php

<html> 
    <head> 
    <link rel="stylesheet" type="text/css" href="headerStyles.css" /> 
    <link rel="stylesheet" type="text/css" href="mainStyles.css" /> 
    <link rel="stylesheet" type="text/css" href="footerStyles.css" /> 
    </head> 
    <body> 
    <?php include("header.php"); ?> 
    <p>Main Content</p> 
    <?php include("footer.php"); ?> 
    </body> 
</html>

귀하의 header.php와 footer.php는 그 각각의 페이지에 대한 코드가 포함되어 있습니다.

개별적으로 스타일 시트를 사용하지 않는 것이 좋습니다. 클라이언트가 이러한 파일을 검색하기 위해 별도의 호출을해야하기 때문에 페이지로드 시간이 늘어납니다. 공통된 스타일을 가지고 있고 하나의 스타일 시트를 만드는 것이 유지 관리가 더 효율적일 것입니다.

출처

2012-01-02 20:10:11 Robert

두 개의 서로 다른 스타일 시트를 연결하는 문제가되지 않습니다 머리글과 바닥 글에 대한 스타일을 정의하십시오.

출처

2012-01-02 19:54:25

당신은과 같이, 웹 페이지에 대한 여러 CSS 파일을 가질 수 있습니다

출처

2012-01-02 19:55:19

하나의 일반적인 CSS 파일에서 웹 사이트의 모든 페이지에 상단 섹션과 푸티 지 섹션의 클래스를 사용하십시오.

답변

관련 문제