CSSの学習

参考サイト

saruwakakun.com

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

CSSとは

・WEBページのデザインやレイアウトなど見栄えを変える為のCPU言語です

「CSS＝スタイルシート」と呼ばれています。

もしCSSを使用せずWEBを作成すると・・・

・CSSを使用せずHTMLで作成した場合、文字と画像が上から下に並んだ単調なページになってしまう　※HTMLはあくまで土台を作る物

・HTMLで作成された土台に対し「デザイン」「レイアウト」を決めるのがCSSです。

・CSSで文字や背景の色を変更したり、余白や線を引いたり見栄えを綺麗にします。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

CSSで出来る事

html

段落=<p>~</p>

↓

CSSで文字の色をオレンジに変える

html

<p>例文</p>

CSS

p{

  color: orange;

}

※ブラウザで表示すると<p>で囲まれた「例文」がオレンジ色になる

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

文字の大きさ変更

html

<p>例文</p>

CSS 

p {

  color: orange;

  font-size: 20px;

}

※p{~}の中に要素を1つ1つ足して調整していきます。