はじめに

未来電子テクノロジーでインターンをしているMaomao Maoです。

プログラミング初心者であるため、内容に誤りがあるかもしれません。
もし、誤りがあれば修正するのでどんどん指摘してください。

今回は、progate初級CSS編での学びをまとめようと思います。

CSSについて

CSSは、色、大きさ、配置などを指定し、デザインする言語です。
CSSは、HTMLとは別のファイルに記述します。

・色を変える（color）

色を変えたい場合、カラーコードを指定しなければなりません。
（主要の色であれば、色名で指定できる場合もあります。）
文尾には、コロン
文末にはセミコロン
覚えておきましょう。

HTML
<h1>テキスト</h1>

CSS
h1{
 color: red;
}

・文字の大きさを変える（font-size）

HTML
<h1>テキスト</h1>

CSS
h1{
 font-size:10px;
}

・文字の種類を変える（font-family）

HTML
<h1>テキスト</h1>

CSS
h1{
 font-family:serif;
}

・背景を変える（background-color）

HTML
<h1>テキスト</h1>

CSS
h1{
 background-color:red;
}

・横幅、高さを変える（width,height）

HTML
<h1>テキスト</h1>

CSS
h1{
 width:50px;
 height:60px;
}