html,css

html,cssの話題です

html,css

階層構造とは?詳しい解説(html,css)

階層構造とは? 階層構造とは「データーの管理方法」です。 階層構造は、 1:箱を作り2:その中に箱を作り3:その中に箱を作る このように 「箱の中へ箱を入れる」ことによってデーターを管理します。 この...
html,css

子孫要素とは?詳しい解説(html,css)

子孫要素とは? 子孫要素とは「htmlの階層構造」のことです。 例えば、下のようなhtmlがあったとします。 <body> <main> <article> ...
html,css

親要素とは?詳しい解説(html,css)

親要素とは、HTMLの一つ上の階層のことです。 どこを基準にするかによって、親要素は変わります。 <div> <ul> ←ここが親要素 <li>ごはん</li&gt...
html,css

子要素とは?詳しい解説(html,css)

<子要素とは> 子要素とは、HTMLの一つ下の階層のことです。 どこを基準にするかによって、子要素は変わります。 <div> ←ここが基準なら <p>シチューをご飯にかける</p&gt...
html,css

ボックスモデルとは?ゆっくりと分かりやすく説明(html,css)

今現在、記事を書き換えています。 今回は「ボックスモデル」の説明です。 「ボックスモデル」は、「学び始め3難」の1つです。 「学び始め3難」とは、以下の3つです。 1:ボックスモデル2:「box-sizi...
html,css

よくわかる「flexbox」基礎編(3)折り返し(html,css)

この記事は「flexboxの基礎(2)タテ方向」の続きになります。 こんにちは tanaka です。 今回は「flexboxの折り返し」を説明します。 「flexbox」は、折り返して使うことができます。 ...
html,css

よくわかる「flexbox」基礎編(2)タテ方向(html,css)

この記事は「flexboxの基礎(1)ヨコ方向」の続きになります。 こんにちは tanaka です。 今回は「flexboxのタテ方向」を説明します。 「タテ方向」は、ヨコとあまり変わりません。 違いは3...
html,css

box-sizingとは?幅、高さに関係する重要プロパティ(html,css)

こんにちは tanaka です。 今回は「box-sizing」の説明です。 「box-sizing」は、「学び始め3難」の1つです。 「学び始め3難」とは、以下の3つです。 1:ボックスモデル2:「bo...
html,css

「background」とは?背景を入れるページ作成での重要プロパティ(html,css)

こんにちは tanaka です。 今回は「background」の説明です。 「background」は、「背景の色」「背景の画像」を入れるプロパティです。 かなり重要なプロパティなので、確実に覚えたいところで...
html,css

「vertical-align」とは?1行中の「小さな文字」「小さな画像」を上下移動させるプロパティ(html,css)

こんにちは tanaka です。 今回は「vertical-align」の説明です。 「vertical-align」は、1行中の「小さな文字」「小さな画像」を上下移動させるプロパティです。 1行中に大きな文字...
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」は、 1:「文章を途切れさせる」プロパティ 2:「文章をはみ出させる」プロパティ それら...
html,css

「white-space」とは?半角スペース、タブのホワイトスペース処理を制御するプロパティ(html,css)

こんにちは tanakaです。 今回は「white-space」の説明です。 「white-space」は、以下の2つの設定ができるプロパティです。 1:ホワイトスペース処理の設定 2:文章右側の折り返し ...
html,css

これでスッキリ?「flexboxプロパティ群」を徹底解説(html,css)

「flexboxの基礎」は、よくわかる「flexbox」基礎編(1)ヨコ方向(html,css)こちらをご覧ください。 こんにちは、tanakaです。 今回は「flexboxプロパティ群」の説明です。 「fle...
タイトルとURLをコピーしました