CSS
リセットCSSとノーマライズCSSについて学習した。 リセットCSS 各ブラウザにはデフォルトCSS（初期状態で適用されているCSSのこと）が適用されているが、ブラウザ毎に違う。 そのため、全く同じコードのHTMLを表示させてもフォントや行間など表示が異なる。 …
これをつくるのにめちゃくちゃ時間がかかったので記録。 ブロック要素とインライン要素を理解してなかったのがハマった原因。 手順 スタート スタート時のHTMLとCSSと表示結果はこんな感じ。 表示 HTML <html> <head> <meta charset='utf-8'> <link rel="stylesheet" href="stylesheets/application.css"> <title>CSSの練習</title> </head> <body> <div> <header> <h1>見出し</h1> </header> </div> </body> </html> CSS…
positionとflexboxについて学習した。 position positionは、ボックスの位置が相対位置か絶対位置かを指定するプロパティ。かなりよく使うしこれがないと始まらない重要なプロパティ。 top,bottom,left,rightのプロパティと組み合わせて使うことが多い。 sta…
まずはCSSの基本文法について学習。 CSSの基本文法 セレクタ：CSSによるデザイン指定をどこの部分に対して適用するか プロパティ：セレクタで指定された部分の何を変えるのか 値：どのように見た目を変えるのか セレクタの書き方 セレクタの書き方はいくつか…
