【CSS02】
文字色と背景色
>下記作成ソース
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <title>【CSS02】</title> <meta http-equiv="Content-Type" content="text/html; charset=SHIFT-JIS" > <style type="text/css"> <!-- * {width:450px;} body {background-color:#90ee90;} h1 {font-size:32px; color:#ffffff; font-weight:bold; padding:10px 2px 10px 0px; } h2 {background-color:fa8072; font-size:24px; font-weight:bold; color:#ffffff; margin:5px 2px 5px 0px; padding-left:4px; } p {font-size:16px; background-color:#dcdcdc; margin:10px 2px 10px 0px; padding-left:4px; line-height:32px; } //--> </style> </head> <body> <h1>About wine</h1> <h2>Chianti Classico Riserva</h2> <p>1435年創業の由緒あるワイン醸造メーカーの名家マッツェイが所有するぶどう園は、いたるところにローマ時代の遺跡が残る小さな集落にあります。<br> 15世紀から現在に至るまで、キャンティワインの造り手たちの先導者であり続けるマッツェイの歴史は、キャンティワインの歴史といっても過言ではありません。キャンティの最高峰と呼ばれるマッツェイは、もっぱら地元の人のために造られる量り売りを飲んでいたぼくにとって、憧れのワイナリーでした。当時はおじいちゃんになったら飲めるかなと思っていましたが、こうして日本で、ましてや自分の店のリストに加えることができるなんて驚きです。</p> </body> </html>
>できたページ
次からスタイルシートにコメント入れます。。。。
エンジニアのクセなのかコメントがないと落ち着かない感じです^^;
marginとpaddingの概念がきれいにまとまっているページを参考にしたのでメモ!
http://open.shonan.bunkyo.ac.jp/~ohtan/kouza/css-margin.html