インターネット

忘れてもいいように書く

CSS

absolute, relativeの意味

CSS

【前提知識】・デフォルトのhtml配置は、ブロックレベル要素(<div>, <p>など)はhtmlに記述されている順に上から下に縦に配置される。インラインレベル要素(<strong>, <a>など)は他のテキストなどに混じって表示される。 ・positionプロパティのデフォルト値は全てのタグにおいて</a></strong></p></div>…

px・%・emでのサイズ指定

CSS

【前提知識】特になし 【本題】・px(ピクセル):モニターの1ピクセルが基準、モニターは小さい点がたくさん集まって表示されているから、つまりはその点1つ分 ・%:何かに対する割合、対象である「何か」はプロパティごとに設定されている、例えばpタグのf…

:first-child, :last-child擬似クラスの説明

CSS

【前提知識】 下記htmlを例に使用します <tr> <td>:first-child is here</td> <td>ここは無関係</td> <td>:last-child is here</td></tr> 【本題】 ・tr td:first-child →緑色の要素が指定される →兄弟要素の最初 ・tr td:last-child →青色の要素が指定される →兄弟要素の最後 【感想】 まぁ上と…

タイプセレクタとclassセレクタ・idセレクタを併用するときの指定方法 編

CSS

【前提知識】 ・タイプセレクタ →タグ名のこと(例:p, h1, li 等) ・classセレクタ →class属性のこと(例:class="selector"のselectorのこと) ・idセレクタ →id属性のこと(例:id="selector"のselectorのこと) 【本題】 ・「li.selector」や「li#selec…

複数セレクタにスタイルを適用する方法・擬似クラスとは 編

CSS

【CSS前提知識】 ・セレクタの種類 →タイプセレクタ:タグ名を条件にするセレクタ(例: p {スタイル}) →全称セレクタ:すべての要素にマッチするセレクタ(例:* {スタイル}) →idセレクタ:id属性値を条件にするセレクタ(例:#footer {スタイル}) →clas…