스타일 시트를 다양한 페이지에 사용해야 하는 경우 항상 별도의 파일에서 공통 스타일 시트를 정의하는 것이 좋습니다. 계단식 스타일 시트 파일은 .css로 확장명이 있으며 태그를 사용하여 HTML 파일에 포함됩니다. 이와 같은 섹션은 선택 사항입니다. 여기에는 예제의 HTML 및 CSS 코드에 대한 몇 가지 추가 설명이 포함되어 있습니다. 시작 부분에 있는 «경고!» 기호는 이 기호가 나머지 텍스트보다 더 진보된 재질임을 나타냅니다. 이런 식으로 생각해 보십시오: 50페이지 또는 100페이지가 있는 웹 사이트가 있고 배경색을 변경하려고 한다고 가정해 보세요. CSS를 별도의 파일에 보관하면 한 파일을 변경할 수 있으며 배경 색은 100 페이지 모두에 대해 변경됩니다. CSS 코드를 HTML 파일에 보관하는 경우 100개의 파일을 편집해야 합니다. CSS의 힘을 보여줄 필요가 있습니다. 젠 가든은 참여를 흥분시키고, 영감을 주고, 격려하는 것을 목표로 합니다. 시작하려면 목록에서 일부 기존 디자인을 봅니다.

하나를 클릭하면 스타일 시트가이 페이지에 로드됩니다. HTML은 동일하게 유지되며 변경된 유일한 것은 외부 CSS 파일입니다. 예, 정말. 이 예제는 현재 웹 사이트의 HTML 폴더에 있는 스타일 시트에 연결: 일단 HTML에서 dabbling 시작 했습니다 17 간단한 HTML 코드 예제 10 분에서 배울 수 있습니다 17 간단한 HTML 코드 예제 10 분에서 배울 수 있습니다 기본 웹 페이지를 만들려면? 이러한 HTML 예제를 알아보고 텍스트 편집기에서 시도하여 브라우저에서 어떻게 보이는지 확인합니다. 자세히 보기 , 웹 페이지에 더 많은 전력을 추가하는 데 관심이 있을 것입니다. CSS는 이를 수행하는 가장 좋은 방법입니다. CSS를 사용하면 웹 페이지를 빌드할 때 하지 말아야 할 실수 9 인라인 HTML 스타일을 많이 사용하지 않고도 전체 페이지에 변경 사항을 적용할 수 있습니다 9 웹 페이지를 빌드할 때 해서는 안 되는 실수 9 다음 HTML 코딩 실수는 쉽게 만들 수 있습니다. 하지만 나중에 보다 일찍 머리를 떼면 페이지가 더 잘 보이고 유지 관리가 쉬워지며 원하는 방법을 작동할 수 있습니다. 자세한 내용을 읽어보십시오. «index.htm» 페이지를 볼 때 웹 브라우저에 «style.css» 파일을 로드하도록 지시해야 합니다.

닫는 태그 바로 위에 다음 코드를 «index.htm»에 추가하십시오. 일단 당신이 그들 모두를 통해 갔다, 당신은 추가 CSS 코드에 적용 할 수있는 패턴의 숫자를 알 수 있습니다 단계별 튜토리얼에 의해 이 단계와 HTML및 CSS를 배우고 HTML에 의해 이 단계 와 CSS를 배울 HTML, CSS, 자바 스크립트에 대한 호기심? 처음부터 웹 사이트를 만드는 방법을 배우는 데 재능이 있다고 생각되면 다음과 같은 몇 가지 훌륭한 단계별 자습서를 시도해 볼 가치가 있습니다. 자세한 내용을 읽어보십시오. 그리고 그 때 당신은 당신이 정말로 CSS 마스터가되기 시작했습니다 알고있다. 이제이 파일을 저장 (파일 메뉴에서 «저장»을 사용) 브라우저 창으로 돌아갑니다. «다시 로드» 버튼을 누르면 디스플레이가 «지루한» 페이지에서 유색(그러나 여전히 지루한) 페이지로 변경되어야 합니다. 맨 위에 있는 링크 목록 외에도 텍스트는 녹색 노란색 배경에 대해 자주색이어야 합니다. HTML 파일을 저장하고 브라우저에서 다시 로드하는 경우 페이지스타일이 여전히 같은 방식으로 변경되지만 이제 스타일은 외부 파일에서 제공됩니다.