2012-05-17

exersise CSS1/文字色と背景色

課題 CSS

・画像のような表示になるよう指定しなさい
・色・文字サイズは自由設定（バランスは考慮すること）
・解答は、エンベッド
・DTDは各自選択

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>CSS01</title>
<style type="text/css">
<!--
h1 {
	color:#036;
	font-size:2.6em;
}
h3 {
	color:#FFF;
	font-size: 1.6em;
	background-color:#036;
	width: 310px;
}
p {
	color:#039;
	font-size:1.2em;
}
-->	
</style>
</head>
<body>
<h1>style要素</h1>
<h3>style element</h3>
<p>HTML文書内にまとめて設定します。</p>
</body>
</html>

2012-05-17

色の指定方法

STUDY MEMO CSS

CSSで色を指定するには下記の５通り。

#f00 / #と3つの文字(16進数)
#ff0000 / #と6つの文字(16進数)
rgb(255, 0, 0); /RGBの0〜255までの数字をカンマで区切って指定
rgb(100%, 0%, 0%) / RGBの0〜100%までの割合をカンマで区切って指定
red /色の名前で指定

色の指定方法／色の名前
http://hogehoge.tk/webdev/color/

HTML,CSS カラーコード一覧表｜背景色や文字色の設定
http://www.netyasun.com/home/color.html

スタイルシート / CSSリファレンス目次
http://www.scollabo.com/banban/ref/css.html