html,css cssプロパティ「padding」それは内側の空白（html,css）
プロパティpaddingの説明です。
html,css 
html,css height=autoとheight=100%の違い（html,css入門）
height=autoは親要素で使い。height=100%は子要素で使う。
html,css 「width=auto」「width=100%」の違い（html,css）
こんにちは tanaka です。 今回は、「width=auto」「width=100%」の話です。 とっても分かりくいですよね。 結論から言うと「width=auto」「width=100%」は、 １：「auto」は、自動で何かやってく...
html,css 擬似要素とは？css側から文字、バックスクリーン、画像を入れる機能
こんにちは tanaka です。 今回は、擬似要素「::before」「::after」の話です。 擬似要素「::before」「::after」とは、css側から文字を入れる方法です。 css側で擬似的にhtml要素を作ることから「擬似要...
html,css 「background」が入力した数値より高い!? その時は「line-height」を疑う
デフォルトの行間を疑ってみてください。
もしそうなら
line-height: 1; を入れて行間を０にしてください。
html,css css「line-height」とは？実は「文字の高さ」（html,css）
こんにちは tanaka です。 今回は、cssプロパティ「line-height」の話です。 「line-height」は、よく行間のプロパティと言われます。 ですが 実際は、「文字の高さを決める」プロパティです。 そして 「line-h...
html,css セレクタ「＊（アスタリスク）」は何に使う？cssの初期設定で使う
セレクタ（アスタリスク）へ統一できるプロパティをなるべく入れてcssの行数を減らそう。
html,css cssで画像をトリミングするには「background-position」を使う（html,css）
こんにちは tanaka です。 「cssで画像をトリミングできるのかな？」 そう思ったことはありませんか？ 画像を「background-image」をにして 「background-position」で置けばトリミングできます。 それで...
html,css background-position「大きい画像」置く方法（html,css）
こんにちは tanaka です。 「background-position難しいな」 そう思ったことはありませんか？ 今回は、そんな難しい「background-position」の「大きい画像を置く方法」をご紹介します。 ちなみに「小さい...
html,css background-position「小さい画像」置く方法（html,css）
こんにちは tanaka です。 「background-position難しいな」 そう思ったことはありませんか？ 今回は、そんな難しい「background-position」の「小さい画像を置く方法」をご紹介します。 ちなみに「大きい...
html,css cssでborderではない独立した仕切り線は、擬似要素::before ::afterを使う
擬似要素 ::before ::after
でバックスクリーンだけ使いたい時は
content: "";
が必ず必要。
html,css transform:translateは移動じゃない!? 本体と表示部分の説明（html,css）
こんにちは tanaka です。 今回は「transform:translate」の小話です。 小話なので気軽に読んでください。 「知ってました？」 「transform:translateは、本体が移動していないんですよ」 実は「tran...
html,css cssから文字を入れるには？擬似要素「::before 」「::after」を使う
こんにちは、tanaka です。 「cssから文字を入れられないのかな？」 と思ったことはありませんか。 実は、cssから文字を入れることはできます。 それには、擬似要素「::before」「::after」を使います。 「::before...
html,css margin相殺のさらに詳しい説明と３つの解決法
この記事は「margin相殺とは？」の続きの記事になります。 前回の記事はこちら↓ こんにちは、tanakaです。 今回は、margin相殺について「さらに一歩踏み込んだ説明」をします。 どのような説明かと言いますと １：margin相殺...
html,css margin相殺とは？「display:block」で「marginが計算通りにいかない」はこれが原因!?
marginの相殺は大きい値が優先される。
magin相殺が起きるのはdisplay:blockだけ。