ホームページの作り方を基礎から学べるウェブサイト。
わかりやすい説明で初心者も安心！
実はCSSはどこに書いてもいいんです。
HTMLページに埋め込むこともできるので、ルールさえ覚えておけば好きなところに書くことができます。
しかしHTMLとCSSを一緒に書いてしまうと、ソースコードが複雑になり編集・修正するのが大変になります。
そこで、HTMLとCSSを分離させ、別々に記述する方法が一般的です。
HTMLとCSSを分離させることにより、様々なメリットもあります。
ソースコードがスッキリ見やすくなったり、読み込み速度の向上、一括変更などの大幅な作業効率の向上が期待できます。
それでは、実際にこの後CSSを記述しますので、CSSファイルを作成しておきましょう。
CSSは好きなところに書いてOK！でも、ソースコードが複雑になるので、通常はHTMLファイルとCSSファイルで分離させます。
「homepage」フォルダの中に、CSSファイルを作成してみましょう。
まずはTeraPadを起動し、「表示」「編集モード」から「CSS」を選択しましょう。
次に「ファイル」から「文字/改行コード指定保存」をクリックします。
文字コードを「UTF-8N」に指定して、OKボタンをクリックします。
「homepage」フォルダに、「style」と名前をつけて保存しましょう。
これでCSSファイルが作成されました。
CSSファイルが完成したら、index.htmlファイルも作成しておきましょう。
今後のCSSの学習で使用します。
同じようにTeraPadを起動し、「表示」「編集モード」から「HTML」を選択します。
「ファイル」から「文字/改行コード指定保存」をクリックします。
文字コードを「UTF-8N」に指定して、OKボタンをクリックします。
「homepage」フォルダに、「index」と名前をつけて保存しましょう。
ちなみに、今index.htmlやstyle.cssを開いても何も表示されません。カラッポの状態です。
ここにCSSを記述していきます。
これでCSSファイルの作成は完了ですが、このままの状態ではHTMLファイルがCSSを読み込むことができません。
次のページではHTMLとCSSの紐付けについて説明します。
CSSの学習のためにHTMLファイルも作成しておきましょう。別々に作成したHTMLファイルとCSSファイルを紐付けることりより、HTMLファイルにスタイルを呼び出すことができるようになります。
安心してホームページを運営するための心がけ。
よく使う、HTMLの特殊文字・記号の一覧表。
HTML・CSSで使えるカラーコードの一覧表。
当サイトをご利用になる前に、必ずご確認ください。
よくあるご質問など。
さきちんWEBについてのお問い合わせはこちらから。
個人情報管理とWeb広告配信について。
さきちんWEBの管理・運営者、さきちんについて。
さきちんWEBのサイトマップ。