HTMLとスタイルシート(基本)
HTMLは文書などのページを表示去るための構造です。
もっと細かく指定するためのものがスタイルシートと書きました。
たとえばHTMLで大きな文字で表題を表示したいと考えます。
タグを使って大きさとそのスタイルを指示します。
でもこれではどのくらいの大きさなのか?不明です。
フォントの大きさには「24ポイント」とか数字できちんと指示すれば誰から見てもその大きさで見てもらうことが出来ます。
そこでスタイルシートで指示を出しておきます。
すると、<h1>と言うタグで表示される文字の大きさは24ポイントで表示されるようになります。
セレクタ {プロパティ :値}
これが基本になります。
*セレクタについては別に書いておきます。
どのスタイルに対して何を(プロパティ)どれくらい(値)といった指定になります。
スタイルシートをHTMLの中に記述する方法は3つあります。
1 HTMLの<head>内に<style>を使って記述していく方法
2 CSSファイルを作ってリンクタグを使って指定する方法。
3 その2つを使って指定する方法。
1を使って指定していく場合のHTMLの書き方
<!-- --> この形はコメントで、styleタグに対応していないブラウザでstyleの定義が無視されても表示に影響が現れないようになります。
もっと細かく指定するためのものがスタイルシートと書きました。
たとえばHTMLで大きな文字で表題を表示したいと考えます。
タグを使って大きさとそのスタイルを指示します。
でもこれではどのくらいの大きさなのか?不明です。
フォントの大きさには「24ポイント」とか数字できちんと指示すれば誰から見てもその大きさで見てもらうことが出来ます。
そこでスタイルシートで指示を出しておきます。
すると、<h1>と言うタグで表示される文字の大きさは24ポイントで表示されるようになります。
セレクタ {プロパティ :値}
これが基本になります。
*セレクタについては別に書いておきます。
どのスタイルに対して何を(プロパティ)どれくらい(値)といった指定になります。
スタイルシートをHTMLの中に記述する方法は3つあります。
1 HTMLの<head>内に<style>を使って記述していく方法
2 CSSファイルを作ってリンクタグを使って指定する方法。
3 その2つを使って指定する方法。
1を使って指定していく場合のHTMLの書き方
<!-- --> この形はコメントで、styleタグに対応していないブラウザでstyleの定義が無視されても表示に影響が現れないようになります。
スタイルシート