CSS 템플릿 사용 방법

온라인상에서 회사의 존재를 관리 할 때 몇 가지 기본 사항이 유용합니다. 외부 스타일 시트를 사용하는 것이 작업을 쉽게하는 도구의 좋은 예입니다. 스타일 시트는 특정 요소에 대한 스타일을 정의하여 HTML 문서의 모양을 지정합니다. 미리 만들어진 템플릿 CSS 파일을 가져와 웹 페이지에 스타일을 적용하면 웹 사이트를보다 쉽게 ​​디자인하고 일관성을 유지할 수 있습니다. CSS 시트를 사용하여 자신 만의 템플릿을 디자인 할 수 있습니다.

1.

템플릿을 사용할 HTML 페이지와 동일한 디렉토리에 CSS 템플릿을 저장하십시오. 예를 들어 "index.html"페이지에서 CSS 템플리트 "template.css"를 사용하려면 template.css를 "index.html"을 저장하는 폴더에 저장하십시오.

2.

텍스트 편집기에서 HTML 파일을 엽니 다.

삼.

HTML 파일에서 head 태그를 찾습니다. 이러한 태그 사이에 HTML 문서를 입력하여 HTML 파일을 CSS 템플릿 파일에 연결하십시오. 템플릿 파일의 이름이 다를 수 있으므로 "template.css"대신 올바른 이름을 사용하십시오. HTML 헤드 섹션은 다음 예제와 유사합니다.

4.

HTML 파일을 저장하십시오.

5.

웹 브라우저에서 HTML 파일을 엽니 다. 첨부 한 CSS 템플릿 스타일이 적용되어 웹 사이트의 일관성이 유지됩니다.

경고

• CSS 파일은 배경 및 주요 문서 텍스트와 같은 일반 영역에 스타일 지침을 적용하지만 일부 CSS 템플릿 파일은 문서의 태그와 일치하지 않는 특정 태그를 지정합니다. CSS 파일과 그 문서를 읽고 CSS 파일이 사용하는 동일한 태그와 섹션을 사용하고 있는지 확인하십시오.