CSSを読み込む

2024.01.28

※こちらの記事は、Visual Studio Codeがインストールされている事が前提で記述してあります。もしVisual Studio Codeがインストールされていない方は、こちらの記事を参考にしてください。

目次

手順
回答例
作成したコード

手順

適当なフォルダを用意します。
Visual Studio Codeにフォルダをドラッグアンドドロップします。
index.htmlを作成します。
！を書き、enterキーかtabキーでひな形を書きます。
cssフォルダを作り、その中にstyle.cssを作成します。
index.htmlに、linkタグとhref属性を使ってstyle.cssを読み込みます。

回答例

作成したコード

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" h ref="css/style.css">
</head>

<body>

</body>
\
</html>

body {
    background-color: red;
}