CSS基礎
ユーザーのアンケート結果からその年のCSSの流行りや動向がわかるThe State of CSS 2020というサイトの中で、今後さらに利用頻度が増していくであろう、新しいプロパティをいくつか試してみましょう。ただ、新しいプロパティはブラウザごとに対応状況が違う…
12-20 qiita.com
12-06 カラムレイアウト www.weblab.co.jp divタグ ・・ひとかたまりの範囲として定義する divタグはそれ自身は特に意味を持っていませんが、divで囲んだ範囲をひとかたまりとして、スタイルシートを適用するのに用います。 今回はh1やpをdivの中に入れ、カ…
12-03 演習１ <body> style要素 style element HTML文書内にまとめて設定します。 </body> 演習２ <style> html,body,h1,h2,p{ margin: 0; padding: 0; } div{ width: 600px; background-color: mediumseagreen; padding: 10px; } h1{ color: #FFF; padding: 20px 0; } h2{ backg…
2021-12-02 htmlの要素（タグ）はh1など特別な物以外は基本的には複数使用する事が出来ます。例えばpタグが4つある場合、それぞれのp要素に名前を付ける事で判別する事が出来るようになります。 idの使い方 idには「ファイル内で同じidは2回使えない」と「1…
11-29 CSSの基礎で一番解りにくいのが、marginとpaddingの違いです。 margin marginとは要素の外側に出来る隙間の事です。 padding paddingとは要素の内側に出来る隙間です。 言葉にすると一見簡単に思えますが、実際にレイアウトしてみるとシンプルなレイア…
CSS（Cascading Style Sheets） 11-25 CSSとは、HTMLの要素をどのように修飾（表示）するかを指示する、W3Cによる仕様の一つ。HTMLによる文書構造と体裁を分離させるという理念を実現する為に提唱されたスタイルシートの具体的な仕様の一つ。 h1やpなどの意…
