HTML5とCSS3をマスターするためのブログ

HTML5とCSS3をひたすら勉強していくブログです。ずぶの素人で中卒の僕が10年以上ぶりに勉強していきます。

CSS3入門編

ヘッダーをバーの形にデザインしていく

今回はヘッダーのデザインを記述していきました。今まで使ったことのある指定ばかりなので、特に難しいと感じることはありませんでした。 ヘッダーのカスタマイズ border-bottom margin-bottom box-shadow padding まとめ ヘッダーのカスタマイズ 今回の記述…

罫線で囲む!box-sizingを理解するのに時間が掛かった

今回はアーティクル部分を罫線で囲み、余白を調整して文章を読みやすくするコーディングをしました。 罫線で囲む padding box-sizing: border-box margin-bottom: まとめ 罫線で囲む 以下今回の記述内容です /*記事*/ article { background-color: #ffffff; …

CSS3の正しい記述方法!背景色と余白の指定&コメントアウトの付け方

今回CSSを記述していって、大きな間違いをしていることに気が付きました。 CSSの正しい記述方法 背景色の指定 コメントアウト 余白の指定 まとめ CSSの正しい記述方法 それは、基本的な記述方法です。 以前は下記のように書いていました。 h1 { font-size: 3…

CSS3入門編 パッと見HTML5よりわかりやすいかも!

引き続きCSS3の記述を勉強していきます。 CSS3の記述内容 CSSの記述方法 font-family font-size line-height まとめ CSS3の記述内容 今回CSSで記述したのは以下のとおりです。 ---------------------------------------------------------------------------…