具体的にお話しします。
<head>~</head>
この中の、 ⁄∗ CSS ∗⁄ から <⁄style>の前までを別ファイルにします。
ここでは、便宜上ファイル名を「goods.css」として、保存します。
できすぎくんを使われているのですから、ここはお解りと思いますが、 ⁄∗ CSS ∗⁄ の次の行から <⁄style>までをマウスでドラッグするか「shift+↓」で選択した後、「ctrl+x」で、切り取りか「ctrl+c」でコピーしてエディタに貼り付けます。
この「ctrl+x」や「ctrl+c」を行ったファイルを、
ここではまだ上書き保存はしないでください。
このソースを、「goods.css」として、新規に保存します。
この時、今までのホルダーに保存します。
つまり、トップページ(あなたが作成したかテンプレートを利用したかによって異なりますが)のスタイルシートは、「top.css」・「main.css」・「comon.css」などとなっていると思います。
これは一般的な例で、このようなファイル名ではないかもしれません。
ただし、今解っているのは、ファイル名の後の拡張子と呼ばれるものが「css」となっている事だけです。
後はおわかりですね。この「goods.css」にheaderの中で、リンクを貼るだけです。
次回もう少し解りやすく解説します。
[0回]
PR