ミラクルタウン

コピペするだけで簡単にホームページが作れます。

外部スタイルシートの設定外部スタイルシートの設定

htmlソースhtmlソース

<head> と</head> の間に貼り付けてください。

解説コードの使い方 <link rel="stylesheet" type="text/css" href="style.css">

↑ スタイルシートを呼び出すコードです。
style.cssが呼び出すスタイルシートの名前です。

解説解説
ALL外部スタイルシートを作る

スタイルシートを使うと背景に画像を設定したり、 文字の色や大きさなどを自由にデザインすることが出来ます。
スタイルシートの設定の仕方にはいくつかありますが、 ここではページとは別にスタイルシート専用のファイルを作る 方法を解説したいと思います。

外部スタイルシートのメリットは、たくさんのページのデザインを 一つの
スタイルシートで管理できることです。
サイトのデザインを統一しやすいですし、 デザインの変更をしたい時にとても便利です。

では、まず外部スタイルシートのファイルを作ってみましょう♪
メモ帳を立ち上げて｢ファイル｣をクリック。
｢名前を付けて保存｣でstyle.cssと名前をつけてください。
｢すべてのファイル｣を選択して｢保存｣

外部スタイルシート
(クリックで拡大)

これで外部スタイルシートができました。
まだ白紙の空っぽの状態で何も書かれていませんが、
これからこのファイルにスタイルシートの設定を書き込んでいきます。

では、次はスタイルシートの設定をして ページのデザインをしましょう♪

参考参考：
・スタイルシートを内部に設定する方法
htmlファイル内に直接スタイルシートを指定
・各要素に直接設定する方法
要素に直接スタイルシートを指定

前へ2.metaタグを組み込む

Miracle Townのメニュー♪