CSS

main要素と他の要素との関係

CSS

main要素 ページ内のメインとなるセクションへ使用 1ページ内に1つのみ article, aside, footer, header, nav要素の中には入れない https://heysho.com/html5/

divとsection使い分け

①ページ内で、コンテンツの内容が変わるときに使用する。⇒章や節といったまとまりを示すために使用する。 ②見出しタグを挿入すること。⇒例えば、pタグのみならdivタグで囲もう。 ③レイアウトの目的では使用しないこと。⇒CSSによるスタイルの適用やJavaScript…

CSS上下左右プロパティ設定

CSS

値を1つ指定した場合:[上下左右] 値を2つ指定した場合:[上下][左右] 値を3つ指定した場合:[上][左右][下] 値を4つ指定した場合:[上][右][下][左] www.htmq.com

user-select:none

CSS

テキストや画像などの要素を選択できないようにするプロパティ。 CSSでボタンを作成する際などに利用する。 iwb.jp

修正しやすいコード

CSS

セレクタは全部クラスセレクタで指定すること 階層は1階層目だけにする。階層を深くしないこと dezanari.com

overflow: hidden

CSS

overflow: hidden →はみでた部分を非表示にする。 cotodama.co saruwakakun.com cra.jp

Float、Flexbox、Grid 使いどころ

CSS

Grid Layout・・・ページ全体のレイアウト。格子状に並びアイテム間の余白をとったレイアウト。Flexbox ・・・ナビゲーション。幅が決まっていないアイテムを均等に整列させるレイアウト。Float ・・・画像にテキストが回り込むレイアウト。 ics.media

vertical-align

CSS

vertical-align はインライン要素、インラインブロック要素、表セル要素だけに適用される。 developer.mozilla.org ※インライン要素 ↓ www.htmq.com

displayプロパティ

CSS

ありがたいっす。 画像の引用先↓ saruwakakun.com