スタイルシート[CSS]覚書

HTMLでは、いろいろなタグを使って、見出しや本文・表組みや画像の貼り付け等、 WEBページ(ホームページ)を構成している要素を指定します。 しかし、見出しや本文をどの様に表示するかは、基本的にプラウザに任されていますので、 HTMLだけで、きちんとレイアウトやデザインをして作ったWEBページでも、 プラウザによって見栄えが変わったり表示位置が違っていたりして、あわてることが有ります。 そこで、HTMLとは別に、WEBページのデザインを指定する為の仕組みが考案されました。 これがスタイルシートです。 WEBページで使われているスタイルシートは、 正式にはカスケーディングスタイルシート(略してCSS)と呼ばれます。 スタイルシートは、InternetExplorerをはじめとするたいていのプラウザが対応しており、 いまやWEBページ作成に欠かせないものになっています。 と言う事で、スタイルシートを勉強しようと思い 今まで少しずつWEBページに取り込みながら覚えてきましたが、 全てが理解できるには、奥が深いというか、難しい事がいっぱい有ってまだまだですが。 donbeyが自作のホームページに割合簡単に使えそうなものだけを集めて、 覚書のページを作りました。

●スタイルシート覚書目次

●スタイルを定義するタグ

●スタイルシートをコメントで囲む

●スタイルを定義する

●スタイルシートの書式

●複数のプロパティの指定

●プロパティの種類

●プロパティの値

枠線部分のソース
<P style="border-style:dashed ; border-width:3px ; border-color:#0099CC ;
padding-top:10px ; padding-bottom:10px ;
padding-left:20px ; padding-right:20px ;
margin-top:20px ; background-color:#FFFFCC">

HTMLでは、いろいろなタグを使って、見出しや本文・表組みや画像の貼り付け等、
WEBページ(ホームページ)を構成している要素を指定します。
しかし、見出しや本文をどの様に表示するかは、基本的にプラウザに任されていますので、
HTMLだけで、きちんとレイアウトやデザインをして作ったWEBページでも、
プラウザによって見栄えが変わったり表示位置が違っていたりして、あわてることが有ります。
そこで、HTMLとは別に、WEBページのデザインを指定する為の仕組みが考案されました。
これがスタイルシートです。
WEBページで使われているスタイルシートは、
正式にはカスケーディングスタイルシート(略してCSS)と呼ばれます。
スタイルシートは、InternetExplorerをはじめとするたいていのプラウザが対応しており、
いまやWEBページ作成に欠かせないものになっています。
と言う事で、スタイルシートを勉強しようと思い
今まで少しずつWEBページに取り込みながら覚えてきましたが、
全てが理解できるには、奥が深いというか、難しい事がいっぱい有ってまだまだですが。
donbeyが自作のホームページに割合簡単に使えそうなものだけを集めて、
覚書のページを作りました。

</P>