ClassとIDの違い、marginとpaddingの違いCSS勉強メモ_体験交流
クラスと id の違い、マージンとパディングの違い、css 学習メモ_体験談
現在、cms の 99.99% が web ページ テンプレートの構築に pc css を使用しているため、高齢になってから css を学ばざるを得なくなった私ですが、正直、レイアウトに p を使うのは table よりも優れているとは思えません。しかし、現在の状況を考慮して、どれだけ学べるか試してみましょう。
データと構造の分離の原則によれば、css が web ページ ファイルから独立していることが最適です。css ファイルを web ページ ファイルに転送するには、
<link rel="stylesheet" type="text/css" href="../xxx/web.css" />
ステートメントを使用します。 css コードを web ページ ファイルに直接記述することはお勧めできません。これの利点は、変更が簡単で、検索エンジンに優しいため、検索エンジンのクローラーが簡単にクロールできることです。
マージンとパディングの属性
マージンとパディングの属性は、単純に要素の外側のマージンと内側のマージンとして理解できます。
margin-top, margin-right, margin-bottom, margin-left, padding-top, padding-right, padding-bottom and padding-left
クラスと id の違い
簡単に言うと、id 名はページ内に 1 回しか出現できませんが、class は複数回出現できます。もちろん、id 名であれば、はページ内に 2 回表示されますが、w3 仕様に準拠していないことを除いて、反対側のページの外観には影響しません。単一の要素、またはプログラムまたは js 制御を必要とするものは id で定義する必要があり、再利用される要素はクラスで定義されます。
上記は、クラスと id の違い、マージンとパディングの違い、css 学習ノート_体験交流コンテンツです。その他の関連コンテンツについては、php 中国語 web サイト (www. php.cn)!
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
7386
15
1630
14
1357
52
1267
25
1216
29
CSS ボーダー プロパティの詳細な説明: パディング、マージン、ボーダー
Oct 21, 2023 am 11:07 AM
CSS ボーダー プロパティの詳細説明: パディング、マージン、ボーダーCSS は、Web ページ要素の制御とレイアウトに使用されるスタイル シート言語です。 Web デザインにおいて、ボーダー属性は最も重要な部分の 1 つです。この記事では、CSSのborder属性の使い方と具体的なコード例を詳しく紹介します。 padding padding プロパティは、要素のパディング (要素のコンテンツと要素の境界線の間のスペース) を設定するために使用されます。正の数値またはパーセンテージ値を使用してパディングを設定できます
CSSでのマージンとは何ですか
Dec 18, 2023 am 10:30 AM
CSS では、margin は要素の外側のマージンを設定するために使用されるプロパティです。マージンは、要素の境界線とそのコンテンツの間のスペースです。マージンは次の値を受け入れることができます: 1. 単一の値: たとえば、margin: 10px; 4 つのマージン (上、右、下、左) をすべて 10 ピクセルに設定します; 2. 2 つの値: たとえば、margin: 10px 20px;上下のマージンを 10 ピクセル、左右のマージンを 20 ピクセルに設定します (値は 3、4 など)。
CSS テキスト レイアウト プロパティの詳細な説明: テキスト オーバーフローと空白
Oct 20, 2023 am 11:19 AM
CSS のテキスト レイアウト プロパティの詳細説明: テキスト オーバーフローとホワイト スペース Web デザインにおいて、テキスト レイアウトは非常に重要な要素であり、合理的なレイアウトにより、テキストはより読みやすく、美しくなります。 CSS には、テキスト オーバーフローや空白など、テキストの表示方法を制御するいくつかのプロパティが用意されています。この記事では、これら 2 つのプロパティの使用法とサンプル コードについて詳しく説明します。 1. text-overflow 属性テキスト
HTMLにおけるマージンとはどういう意味ですか
Sep 13, 2021 pm 04:26 PM
HTML では、マージンは「マージン」を意味し、要素の境界線を囲む空白領域を指します。マージンを設定すると、要素の外側に追加の「空白」が作成され、ボックス間に「空白」の距離ができるようになります。マージンを設定するには、CSS margin プロパティを使用する必要があります。このプロパティは、任意の長さ単位、パーセント値、さらには負の値も受け入れます。
CSSでpadding属性を使用する方法
Dec 07, 2023 pm 02:58 PM
CSS では、要素のパディングを設定するために、padding プロパティが使用されます。これは、要素のコンテンツとその境界線の間のスペースを定義することを意味します。基本的な構文は「padding: value;」です。
margin 属性はインライン要素には影響しません
Feb 18, 2024 pm 04:36 PM
インライン要素に対するマージンの影響は、ブロックレベル要素の影響とは異なります。インライン要素では、margin 属性は垂直方向の上下のマージンにのみ影響し、水平方向の左右のマージンには影響しません。たとえば、HTML に段落要素がある場合、それにいくつかのスタイルを設定し、その要素に対する margin 属性の効果を観察できます。 HTML コードは次のようになります。
CSSファイルの余白とはどういう意味ですか?
Jan 30, 2023 am 09:34 AM
CSS ファイルのマージンは、要素の周囲のスペースを定義するために使用される CSS 属性です。マージンは外側のマージンを表します。要素の上下左右のマージンを個別に変更することも、すべての属性を一度に変更することもできます。 margin 属性は、任意の長さ単位、パーセンテージ値、さらには負の値も受け入れます。
CSS ボックス モデルのプロパティの探索: パディング、マージン、ボーダー
Oct 20, 2023 pm 03:09 PM
CSS ボックス モデルのプロパティの調査: パディング、マージン、ボーダー CSS ボックス モデルは、Web ページ レイアウトにおける重要な概念の 1 つです。フロントエンド開発では、padding、margin、border 属性を理解し、正しく使用することが重要です。この記事では、これら 3 つのプロパティの使用法と相関関係を詳しく説明し、具体的なコード例を示します。 1. ボックス モデルの概要 ボックス モデルは、content、padding、bo の 4 つの部分で構成されます。
