ホームページ > 記事 > ウェブフロントエンド > HTMLとCSSを分離する方法

HTMLとCSSを分離する方法

(*-*)浩オリジナル: 2019-05-28 15:26:088877ブラウズ

HTML コードと CSS コードを完全に分離するとは、外部 CSS スタイルシートを使用してスタイルを設定することを意味します。これにより、レイアウトとスタイルの分離が分離され、非常に複雑なページが明確になり、将来の改訂やメンテナンスが容易になります。

HTMLとCSSを分離する方法

ツール資料: エディタ、ブラウザ

HTML コードと CSS コードを別のファイルに配置し、HTML 内の CSS ファイルのみを参照します。 HTML 構造コードは HTML ファイル内で使用され、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 中国語 Web サイトの他の関連記事を参照してください。

css html 样式表

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：html タグの使用方法次の記事：html タグの使用方法

続きを見る