css/html

目次

基本 セレクタ 文字/文章
幅と高さ/ボーダー レイアウト 背景/デザイン
BootStrap
HTML HTML応用 HTML5

基本

セレクタ

複数のセレクタを指定する/絞り込む カンマ区切り、空白区切り、区切り文字なし、属性セレクタ、疑似クラス、疑似要素
階層構造でセレクタを指定(子孫/兄弟) 空白区切り、>、+、~

属性セレクタ

属性セレクタ 要素名[属性名="値"]

CSS 擬似クラスと疑似要素の違い

擬似クラス

画面に動きをつける :link、:visited、:hover、:active、:focus、:target、:lang、:enabled、:disabled、:checked
奇数/偶数/指定行にCSSを適用 nth-child、last-child、nth-last-child、empty、first-line、first-letter
notで特定の要素にCSSを適用しない(否定) :not

疑似要素

仮想的な要素 ::before、::after

文字/文章

幅と高さ/ボーダー

レイアウト

背景/デザイン

BootStrap

HTML

HTML応用

HTML5