CSSの設定CSSを設定するには、 3つの方法があります。
CSSの書かれたファイルを読み込むスタイルシートの書かれたファイルを 読み込むには、 link要素を使います。#spanend #spanadd <link rel="stylesheet" href="ファイル名" type="text/css"> #spanend #spanaddスタイルシートのみを記述したファイル(通常、拡張子が.css)を、 別に用意しておき、 HTML文書に読み込みます。 link要素で、読み込むファイルを指定します。 link要素は、必ずhead要素の中に書くことを、注意してください。 複数のCSSファイルを指定する場合も、 必要な数だけlink要素で記述します。 たとえば、次は「style1.css」というスタイルファイルを、 HTMLファイルから読み込む場合です。 #spanend #spanadd <html lang="ja"> #spanend #spanadd <head> #spanend #spanadd <meta http-equiv="Content-Type" content="text/html; #spanend charset=Shift_JIS"> #spanadd <title="○○の日記"> #spanend #spanadd <link rel="stylesheet" href="style1.css" type="text/css"> #spanend #spanadd </head> #spanend #spanadd <body> #spanend #spanadd ... #spanend #spanadd ... #spanend #spanadd ... #spanend #spanadd </body> #spanend #spanadd </html> #spanend #spanaddそして、「style1.css」というファイルは、次のような 内容になっています。 #spanend #spanadd body { #spanend margin: 0; color: #000000; background: #ffffff; #spanadd } #spanend #spanadd h1 { #spanend margin: 0; padding: 0.2em; color: #ffffff; background-color: #000000; #spanadd } #spanend #spanadd 次へ進んでください。 }} |