3スタイルシートの属性をタグから切り離し、外に書く方法。今回はスクリプトを用いて、外部スタイルシートがどう適用されるのかを試します。次のスタイルシートを適用します。background:#ccf;}先頭の.(ドット)は絶対に省略できません。適用しなさいという意味だと思ってください。スクリプトの使い方は枠の下をご覧ください。URLと書いてあるところにHTMLを書き込みます。CSSと書いてあるところにスタイルシートを記入します。例として、このページの上に書いたソースを貼り付けてみましょう。ボタンを押すと自動でコピー&ペーストします。コピーしたら、送信ボタンを押してみてください。表示されたと思います。スタイルシートを書きかえてみましょう。border(枠線)の太さを10ピクセルに、height(高さ)を今の倍の10emに、class「c3」のbackground(背景)を#f00(真っ赤)に、文字の色を#fff(真っ白)にして見ます。color:#fff;}ボタンを押すと自動でコピー&ペーストします。HTMLソースはまったく変更していないのに、見た目がガラッと変わったと思います。これがスタイルシートの本領です。HTMLというのはあくまで、データ構造。それに色づけするのがスタイルシートです。例えるなら、HTMLは脚本、スタイルシートは演出でしょうか。演出次第で同じ内容がぜんぜん違って見えるのです。スタイルシートの書き方を進めます。style=”background:#ffc”>となっています。このstyle=”background:#ffc”を取り除きましょう。スタイルシート1に次のように追加します。background:#ccf;}tableの前には頭の.(ドット)はいりません。classを指定するのは、同じタグの中で一部だけ変更したいときに、その一部にクラス名を指定します。スタイルシートにはタグの名前を直接指定できます。今回はクラスを指定せず、すべてのtableに同じスタイルを指定する方法です。今はテーブルがひとつだけですが、複数ある場合でも、これですべてのtableのbackgroundは#ffcになります。ボタンを押すと自動でコピー&ペーストします。background:#f00;}とします。ボタンを押すと自動でコピー&ペーストします。スタイルシートはどこに書くのか?」にまとめました。小粋空間というサイトにそのための情報がまとめられていました。参考にさせていただきました。ありがとうございます。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。コメントデータの処理方法の詳細はこちらをご覧ください。