CSSの基礎的知識 Part1

CSSの基礎的な知識

はじめに

エンジニア初心者やプログラミングを始めて間もない頃はインプットで学んだことが定着してスラスラと出てくるまで時間がかかってしまいます。しかし、だからと言ってアウトプットを辞めてしまうとすぐに忘れてしまいます。
そこで僕が感じる初心者が分かりにくいところやそれ知りたかったであろう情報を思いついた順にランダムに投稿していきます。もしよかったら参考にしてください。

CSSとは？

まず、HTMLで記述した文字や画像等がWebページに表示されます。そしてそのWebページの文字の色や大きさ・字体、背景や配置等デコレーションをしてみやすくわかりやすくする為に利用するものです。

CSSの使い方

まず、HTMLには　<>,>(タグ) というもので囲った要素の名前をつけます。それに対してCSSにて指定するのが一般的です。

【例】

index.html.erb

<title>
  CSSの基礎的な知識
</title>

index.scss

.title {
  color: black;
  font-size: 19px;
  font-weight: bold;
}

といったような形で<>で囲ったタイトルに対してCSSで指定することによってみやすくおしゃれなWebサイトができます。詳しいCSSの指定の仕方は随時投稿していきます。ぜひ参考にしてください。