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

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

CSS3の基本

background-imageで背景の指定をする

今回はbackground-imageを使って背景の指定をしました。 background-image まとめ background-image 以下、今回の記述です。 body { font-family: "メイリオ","Hiragino kaku Gothic Pro",sans-serif; background-color: #edede3; margin: 0; background-ima…

Googlefontsを活用して、ヘッダーのフォントを変更する

今回やったことはただひとつ。ヘッダーのフォントを変更しただけです。 ヘッダーのフォントを変更する font-family: 'Chango', cursive; 文字サイズ 余白と横幅の指定 まとめ ヘッダーのフォントを変更する 以下、今回の記述です。 最上部 @import url('http…

box-shadow&角を丸くする!

今回記述したのは以下のとおりです。 box-shadow border-radius まとめ box-shadow /*記事*/ article { background-color: #ffffff; width: 900px; margin-left: auto; margin-right: auto; border: solid 1px #aaaaaa; padding: 30px; box-sizing: border-b…

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

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