当サイトはアフィリエイト広告を利用しています

【デイトラ1st 5日目感想】HTML & CSS 上級編【30DAYSトライアル】

f:id:osanaiyuta0321:20200208195958j:plain

 

【30DAYSトライアル1st DAY5.】
Progate HTML & CSS 上級編

 

 

だいぶ慣れてきました。講座をサクッとやって、ブログではコードもまとめていく形にします。、

 

 

実際に使ったhtml&cssコードまとめ

メディアクエリ(PC・タブレット・スマホ)ごとにブレイクポイントを指定する。

@media (max-width: 1000px)

 

box-sizingをborder-boxに指定すると、要素の幅(width)の合計にpaddingとborderが含まれる。*{ }で全てに適応。

*{ box-sizing: border-box; }

 

画面幅によって全体のwidthが変わるように、width: 100%に変更

width: 100%;

 

floatを解除

clear:left;

 

中央寄せ

text-align:center

 

 

関連記事

デイトラ1st日記まとめ

30DAYSトライアル公式サイト

 

オススメ記事