実践コーディングスキル - 第3章 Lesson2

第2回:CSSファイルを新規作成、読み込ませてみよう

   

テクノロジーとクリエイティブのプロを目指す人のためのオンラインスクール
月額2500円で500以上のレッスンが受けられます

このスキルのデータをダウンロード: Windows Mac

CSSファイルを新規作成し、HTMLファイルに読み込ませる方法について、解説しています。



この動画え学べること

・CSSファイルを新規作成する方法



CSSファイルを新規作成する方法

CSSファイルにもHTMLファイルと同じく、文字コードの設定をする必要があります。
文字コードの設定はどんなページを作るときでも同じなので、この下のコードをコピーしてCSSの一行目にペーストしてください。



@charset "utf-8";



次に、HTMLファイルにCSSを読み込むタグを書いていきましょう。
前回記述した<title>タグの下にこちらのコードをコピーして貼りつけてください。



 <link rel="stylesheet" href="style.css" type="text/css" media="screen">



HTMLファイルにCSSを読み込むタグが書けたら、ちゃんとスタイルが適応されるか確かめます。
今回は、CSSにこのように記述します。



body{
background-color: red;
}



保存してブラウザで見てみましょう。
画面が赤くなれば大丈夫です。
これで、CSSの準備ができました。