1
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 5 years have passed since last update.

progate中級編終了のお知らせ

Last updated at Posted at 2019-02-21

#Prpgate中級編を終えて。

難しぃ~~~~~っ‼‼‼
こんにちは未来電子テクノロジーの小林(@aluku0807)です!
今日はPrpgate中級編を終えたことを自分なりにアウトプットしていきます!間違いがありましたらご指摘にのほどよろしくお願いいたします。

##背景画像の設定
CSSで背景画像を指定するにはbackground-imageプロパティを
background-image: url(画像のURL);のように使うことで背景画像を指定できます。またbackground-size: cover;を指定すると、1枚の画像で表示範囲を埋め尽くすように画像の大きさが拡大縮小できます。

##要素を透明化させる設定
opcityとrgbaの違い
opacityは選択した要素を全て透明化します。一方はrgbaを使うとその色だけを透明化することができます。また透明度は0~1で指定でき、数値が小さい程透明度は増します。

##フォントサイズ指定のpxと%の違い
・pxは絶対指定
pxとは、例えば「font-size:8px」と指定すると、1文字当たり縦に8px、横に8px使う、という意味になります。ただし、注意しておく点として、文字には縦や横に長いものがありますので、必ず縦横8pxにならないこともあります。

・%は相対指定
 %は親要素に対してどのくらいの幅や高さを持つかを指定することができます。

##要素同士を重ねる場合

HTMLの要素同士は通常重なって表示されることはありません。ただ
position: absolute;というプロパティを使うことで、要素同士を重ねて表示することが出来ます。この時、サイト全体の左上部分を基点とし、基点からの距離は、top、right、bottom、left の各プロパティで指定できる。

##Font Awesomeとは

Font Awesomeとは、TwitterやFacebookのマークなどウェブ上にあるアイコンを、画像ではなく文字として扱うことを可能にしたツールです。
画像ではないので、文字の大きさや色を自由に変更することが可能です!

##最後に
Progate中級編では初級より格段に覚えることも増えたので、かなり時間も体力も使いました。これかもプログラミング頑張ります!ありがとうございます!

1
0
1

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
1
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?