More than 5 years have passed since last update.

プログラミング初心者の備忘録ーCSS編

Last updated at 2019-07-27Posted at 2019-07-20

はじめに

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

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

今回は、progate初級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;
}