準備課題CSS1、2

CSS

【CSS01】 文字色と背景色

<!DOCTYPE HTML>
<html lang="ja">

<head>
<meta charset="UTF-8">
<meta http-equiv="content-Style-Type" content="text/css"/>

<title>style 要素 </title>
<style type="text/css">

<!--

h1{
 	font-size: 36px;
 	color: #ffa500;
}
h3{
	font-size: 24px;
	color:#ffffff;
	background-color:#008000;
}
p{
	font-size:24px;
	color:#808000;
}
-->
</style>
</head>	
<body>
<h1>style要素</h1>
<h3>style element</h3>
<p>HTML文書内にまとめて設定します。</p>
</body>
</html>

【CSS02】 文字色と背景色

<!DOCTYPE HTML>
<html lang="ja">

<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css"/>

<title>About wine</title>
<style type="text/css">
<!--
body{
	background-color:#008000;
	width:400px;
}
h1{
	font-size:26px:
	color:white;
	
}
h2{
	font-size:24px:
	color:white;
	padding-left:10px;
	background:#808000;
}
p{
	font-size:20px:
	padding:10px;
	color:#000000;
	background-color:beige;
}
-->
</style>
</head>
<body>
<h1>About wine</h1>
<h2>Chaant Classico Riserva</h2>

<p>1435年創業の由緒あるワイン醸造メーカーの名家マッツェイが所有するぶどう園は、いたるところにローマ時代の遺跡が残る小さな集落にあります。15世紀から現在に至るまで、キャンティワインの作り手たちの先導者であり続けるマッツェイの歴史は、キャンティワインの歴史といっても過言ではありません。キャンティの最高峰と呼ばれるマッツェイは、もっぱら地元の人のために造られる量り売りを飲んでいたぼくにとって、憧れのワイナリーでした。当時はおじいちゃんになったら飲めるかなと思っていましたが、こうして日本で、ましてや自分の店のリストに加えることができるなんて驚きです。</p>
</body>
</html>

なぜか文字色がすべて黒になってしまった。