0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

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の指定の仕方は随時投稿していきます。ぜひ参考にしてください。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?