html,cssの話題です
html,css 階層構造とは？詳しい解説（html,css）
階層構造とは？
階層構造とは「データーの管理方法」です。
階層構造は、
１：箱を作り２：その中に箱を作り３：その中に箱を作る
このように
「箱の中へ箱を入れる」ことによってデーターを管理します。
この...
html,css 子孫要素とは？詳しい解説（html,css）
子孫要素とは？
子孫要素とは「htmlの階層構造」のことです。
例えば、下のようなhtmlがあったとします。
<body>
<main>
<article>
...
html,css 親要素とは？詳しい解説（html,css）
親要素とは、HTMLの一つ上の階層のことです。
どこを基準にするかによって、親要素は変わります。
<div>
<ul> ←ここが親要素
<li>ごはん</li>...
html,css 子要素とは？詳しい解説（html,css）
＜子要素とは＞
子要素とは、HTMLの一つ下の階層のことです。
どこを基準にするかによって、子要素は変わります。
<div> ←ここが基準なら
<p>シチューをご飯にかける</p>...
html,css ボックスモデルとは？ゆっくりと分かりやすく説明（html,css）
今現在、記事を書き換えています。
今回は「ボックスモデル」の説明です。
「ボックスモデル」は、「学び始め３難」の１つです。
「学び始め３難」とは、以下の３つです。
１：ボックスモデル２：「box-sizi...
html,css よくわかる「flexbox」基礎編（３）折り返し（html,css）
この記事は「flexboxの基礎（２）タテ方向」の続きになります。
こんにちは tanaka です。
今回は「flexboxの折り返し」を説明します。
「flexbox」は、折り返して使うことができます。
...
html,css よくわかる「flexbox」基礎編（２）タテ方向（html,css）
この記事は「flexboxの基礎（１）ヨコ方向」の続きになります。
こんにちは tanaka です。
今回は「flexboxのタテ方向」を説明します。
「タテ方向」は、ヨコとあまり変わりません。
違いは３...
html,css box-sizingとは？幅、高さに関係する重要プロパティ（html,css）
こんにちは tanaka です。
今回は「box-sizing」の説明です。
「box-sizing」は、「学び始め３難」の１つです。
「学び始め３難」とは、以下の３つです。
１：ボックスモデル２：「bo...
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」とは、文字に影を入れるプロパティです。
それでは、詳しく説明していきます。
文字化けします...
html,css 「text-overflow」とは？文末へ印を入れる特殊なプロパティ（html,css）
こんにちは tanaka です。
今回は「text-overflow」の説明です。
「text-overflow」は、
１：「文章を途切れさせる」プロパティ ２：「文章をはみ出させる」プロパティ
それら...
html,css 「white-space」とは？半角スペース、タブのホワイトスペース処理を制御するプロパティ（html,css）
こんにちは tanakaです。
今回は「white-space」の説明です。
「white-space」は、以下の２つの設定ができるプロパティです。
１：ホワイトスペース処理の設定 ２：文章右側の折り返し
...
html,css これでスッキリ？「flexboxプロパティ群」を徹底解説（html,css）
「flexboxの基礎」は、よくわかる「flexbox」基礎編（１）ヨコ方向（html,css）こちらをご覧ください。
こんにちは、tanakaです。
今回は「flexboxプロパティ群」の説明です。
「fle...