css 효과를 적용하기 위해 xx.css 파일을 가져오는 명령"/> css 효과를 적용하기 위해 xx.css 파일을 가져오는 명령">

 >  기사  >  웹 프론트엔드  >  HTML과 CSS를 분리하는 방법

HTML과 CSS를 분리하는 방법

(*-*)浩
(*-*)浩원래의
2019-05-28 15:26:088920검색

HTML 코드와 CSS 코드의 완전한 분리는 외부 CSS 스타일 시트를 사용하여 스타일을 설정하는 것입니다. 이렇게 하면 레이아웃과 스타일 분리를 분리하고 매우 복잡한 페이지를 명확하게 하며 향후 수정 및 유지 관리를 용이하게 할 수 있습니다.

HTML과 CSS를 분리하는 방법

도구 재료: 편집기, 브라우저

HTML 코드와 CSS 코드를 서로 다른 파일에 넣은 다음 HTML에서 CSS 파일만 참조하여 HTML 파일에서는 HTML 구조 코드만 사용되도록 하고, CSS 스타일은 CSS 파일에만 있습니다. CSS 파일에서 간단한 예는 다음과 같습니다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="css.css">
    <title>Document</title>
</head>
<body>
    <ul class="list">
        <li class="li_list"></li>
        <li class="li_list"></li>
        <li class="li_list"></li>
        <li class="li_list"></li>
        <li class="li_list"></li>
    </ul>
</body>
</html>
위 파일을 보면 HTML 파일에는 HTML 코드만 있고 CSS 스타일 시트는 별도의 파일에 배치되어 있음을 알 수 있습니다. css.css 파일을 사용하여 HTML 코드와 CSS 코드의 통합을 실현합니다.

위 내용은 HTML과 CSS를 분리하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.