html,css 擬似要素「before、afterが表示されない」時の解決法（HTML,CSS）
（１）「content="";」が必要（２）<img> <input> <br>には使えない（３）「display: block」「display: inline-block」にする
html,css
html,css 
html,css 擬似要素「before、after」全体幅の設定はどこで行う？（HTML,CSS）
擬似要素「before、after」は「指定先へ子要素、display: inline」として入ります。なので、全体幅の設定は、指定先のwidthへ入れることになります。
html,css widthとheightとは？幅、高さに関係する難解プロパティ（html,css）
CSS「width」「height」説明です。解説動画つきです。
html,css 階層構造とは？詳しい解説（html,css）
階層構造とは？階層構造とは「データーの管理方法」です。階層構造は、１：箱を作り２：その中に箱を作り３：その中に箱を作るこのように「箱の中へ箱を入れる」ことによってデーターを管理します。この方法は、あたかも層に見えるので「階層構造」と言います...
html,css 子孫要素とは？詳しい解説（html,css）
子孫要素とは？子孫要素とは「htmlの階層構造」のことです。例えば、下のようなhtmlがあったとします。<body> <main> <article> <h2>見出し</h2> <p>本文</p> </article> </main...
html,css 親要素とは？詳しい解説（html,css）
親要素とは、HTMLの一つ上の階層のことです。どこを基準にするかによって、親要素は変わります。<div> <ul> ←ここが親要素 <li>ごはん</li> ←ここが基準なら <li>おかず</li> <li>吸い物</li> </ul><...
html,css 子要素とは？詳しい解説（html,css）
＜子要素とは＞子要素とは、HTMLの一つ下の階層のことです。どこを基準にするかによって、子要素は変わります。<div> ←ここが基準なら <p>シチューをご飯にかける</p> ←ここが子要素</div>子要素の例＜子要素＞HTML<ul> ...
html,css ボックスモデルとは？ゆっくりと分かりやすく説明（html,css）
今回は「ボックスモデル」の説明です。「ボックスモデル」は、「学び始め３難」の１つです。「学び始め３難」とは、以下の３つです。１：ボックスモデル２：「box-sizing」３：widthとheight特に「ボックスモデル」「widthとhei...
html,css よくわかる「flexbox」基礎編（３）折り返し（html,css）
この記事は「flexboxの基礎（２）タテ方向」の続きになります。こんにちは tanaka です。今回は「flexboxの折り返し」を説明します。「flexbox」は、折り返して使うことができます。折り返しは、それ以上入らなくなると自動で行...
html,css よくわかる「flexbox」基礎編（２）タテ方向（html,css）
この記事は「flexboxの基礎（１）ヨコ方向」の続きになります。こんにちは tanaka です。今回は「flexboxのタテ方向」を説明します。「タテ方向」は、ヨコとあまり変わりません。違いは３つだけです。１：flex-direction...
html,css box-sizingとは？幅、高さに関係する重要プロパティ（html,css）
今回は「box-sizing」の説明です。「box-sizing」は、「学び始め３難」の１つです。「学び始め３難」とは、以下の３つです。１：ボックスモデル２：「box-sizing」３：widthとheightこの「box-sizing」は...
html,css 「background」とは？背景を入れるページ作成での重要プロパティ（html,css）
こんにちは tanaka です。今回は「background」の説明です。「background」は、「背景の色」「背景の画像」を入れるプロパティです。かなり重要なプロパティなので、確実に覚えたいところです。それでは、詳しく説明していきます...
html,css 「vertical-align」とは？１行中の「小さな文字」「小さな画像」を上下移動させるプロパティ（html,css）
こんにちは tanaka です。今回は「vertical-align」の説明です。「vertical-align」は、１行中の「小さな文字」「小さな画像」を上下移動させるプロパティです。１行中に大きな文字と、小さな文字があって初めて機能しま...
html,css 「overflow-wrap」とは？URL表記がうまくいかない時に使うプロパティ（html,css）
こんにちは tanaka です。今回は「overflow-wrap」の説明です。「overflow-wrap」とは、「半角アルファベットの改行設定」プロパティです。主に「URLの表示」で使います。それでは、詳しく説明していきます。文字化けし...
html,css 「text-shadow」とは？文字へ影を入れるプロパティ（html,css）
こんにちは tanakaです。今回は「text-shadow」の説明です。「text-shadow」とは、文字に影を入れるプロパティです。それでは、詳しく説明していきます。文字化けします＜コピー、ペーストすると文字化けします＞このページのコ...