【CSS入門】色の指定・テキストの指定・背景色の工夫

【今回の紹介】

前回と同じく、友人と一緒と企んでいることに関連してCSSの技術が必要になったので
もう一度入門から体系的に学ぼうとおもったのでそのメモ

参考(.インストール)

【内容】

■色の指定３パターン

　①キーワード指定
　　　登録されている代表的ない色を使う
例）green,blueなど

h1{
	color:green;
}

②GRF指定

　　色を規定する赤緑青を０から２５５の数字で組み合わせて表す
　　※R（レッド）、G（グリーン）、B（ブルー）の順
例）

(0,0,255)

 div{
background: rgb(0,255,0);
}

③赤・緑・青を１６進数で表す

　　
　　３桁と６桁のパターンがある
　　　例）#00F #00000

h1{
color: #FFFF0F;
}
h2{
color: #199;
}

■テキストの指定

①サイズを変える

font-size:20px;

②太文字にする

font-weight: bold;

③文字位置を変える（センタリングする・左寄せ・右寄せ）

text-align: center;

■背景色をうまく使う

①一つの画像をページすべてに埋める

body{
background: url(btn057_01.png);
background-repeat;
}

②一つの要素の後ろに画像を入れる

button{
background: url(btn057_01.png);
}

■メモ

①「背景色をうまく使う」はかなり使えそう

　　サイトから無料の素材をおとして、それをサイトに敷き詰めたり、
　　また、ボタンの背景色として使ったり、、かなり便利で使えそう

②多くの色をRGBという３色の兼ね合いで表現しているというのが

　改めて面白かった。

　サイトの配色はあんなにたくさんあるのにもともとはたった３色！
　おもしろい。