PHP-HTMLhtml 重要な知識ポイントメモ(必読)

PHP-HTMLhtml 重要な知識ポイントメモ(必読)

1. フレームセット、フレーム、iframeを使用して複数のウィンドウを実現する

2. 画像上のマッピング距離マップを使用して、ボタンジャンプを実現します。 ------ 第8話 終了


3. フォームには名前と値が必要です。パケットをキャプチャするときに、送信する必要があることがわかるからです。

4.fieldsetタグ -> 凡例、ラベル

5. ページ余白からの div の距離を配置するには、margin-top と margin-left のみを使用できます。

6. padding-topとpadding-leftはdiv内の要素とdivの余白の間の距離を決定します。

7.デフォルトのハイパーリンクはリンクです。ホバー属性と訪問属性を設定できます

8. 4 つのセレクターの優先順位: id セレクター (#) > クラスセレクター (.) > html セレクター > ワイルドカードセレクター (*)

9. 親子セレクター、例: #id1 span{} ----->a.clas1{};a.clas2{} と同様
#id1 span span も使用できます。 1 つのレベルだけである必要はありません。
(1)親子セレクタは複数のレベルを持つことができる(ただし、実際の開発では3レベルを超えない)
(2)厳密な階層関係がある (3)親子セレクタはセレクタの種類に制限されない
.s1 #id スパン
div #id .s2

10. 要素には、ID セレクターとクラス セレクターの両方を設定できます。
例えば<span class="s1" id="news">へへ</span>


11. 要素には最大 1 つの ID セレクターしか設定できませんが、<span class="cls1 s1">呵</span> のように複数のクラスセレクターを設定できます。
特記事項: 2 つのクラス セレクターが競合する場合、CSS ファイル内の後者のクラス セレクターが優先されます。


12. 共通セレクターの別のコピーをCSSファイルに記述することができます(.s1、.s2、.s3など)。

13. インライン要素とブロック要素 (1) インライン要素は、自身のコンテンツを表示するために必要な幅のみを占め、行全体を占めることはありません (2) ブロック要素は、コンテンツのサイズに関係なく行全体を占め、表示するために折り返されます。
==>> 一般的なインライン要素には <a><img><input> が含まれます。
==>> 一般的な高速要素には <div><p> が含まれます。

14. インライン要素とブロック要素は相互に変換できます。 display:inline--block を使用する

15. CSS ボックス モデル: パート 13、パート 2、マージン、ボーダー、パディング

16. 一部の要素のデフォルトの余白に注意してください。したがって、取り外す際には注意してください。例えば、

17. ポジショニング
==>相対配置: 要素を表示する場所を基準にして要素の位置を変更します。標準フローから外れていても、位置は放棄されず、占有できません。
==>絶対配置: 標準フローから外れている要素に最も近い要素を配置します。親要素がない場合(または親要素があるが親要素が標準フローから外れていない場合)、
次に、ボディの左上隅を基準にして配置します
==>固定位置: 常にウィンドウの左上隅に配置されます
==>左上属性は静的には影響しません。静的は margin_left と margin_top によって配置されます。
==>z_index は、オブジェクト (div) を表示する際のスタッキング プロパティを設定するために使用されます。z-index が小さいほど、スタッキング プロパティは低くなります。

18. インライン要素の高さと幅の値が無効です。 floatまたは(display:block)に変換されない限り

19. エピソード 20 の最後のかわいい家から学ぶ価値のあることが 2 つあります。1 つは、リンク メニュー バーの動的な背景画像です。
第二に、入力ボックスには下の境界線のみが表示され、他の境界線は表示されません。

上記の PHP-HTMLhtml 重要知識ポイントメモ (必読) は、編集者が皆さんと共有するすべての内容です。参考になれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

<<:  CentOS 環境で NFS リモート ディレクトリ マウントを使用する手順の紹介

>>:  Vueはv-showを通じて最高の効果を達成します

推薦する

Tomcat をサービスとして登録する際に注意すべき点のまとめ

Tomcat をサービスとして登録する場合の注意点は次のとおりです。 インターフェースを開いたら、以...

ハードコーディングに別れを告げ、フロントエンドテーブルがインスタンスコードを自動的に計算できるようにします。

序文私のチームが税制モジュールを開発していたとき、計算問題、特にグリッド内の計算を解決するために時間...

テキストエリアの disabled 属性と readonly 属性の具体的な使用法

障害者の定義と使用法disabled 属性はブール属性です。 disabled 属性は、テキスト領域...

Vite2.0の落とし穴

目次Viteプロジェクトビルドの最適化他のやっとこれは前回の記事の補足です。設定プロジェクトで遭遇し...

MySQL データベースのバックアップをスケジュールするいくつかの方法 (包括的)

目次1. データをバックアップするためのmysqldumpコマンド2. 一般的なmysqldump操...

Dockerが正常に起動しない原因と解決策を詳しく解説

1. Docker 起動時の異常なパフォーマンス: 1. ステータスが繰り返し再起動している場合は、...

CSS3で実装された水平ヘッダーメニュー

結果:実装コードhtml <nav class="dropdownmenu"...

Docker で lnmp をデプロイする詳細な手順

目次Centosイメージを取得するCentos ベースの nginx コンテナを生成するCentos...

MySQL 8.0.12 のインストールと設定のチュートリアル

この記事はMySQL 8.0.12のインストールと設定に関する詳細なチュートリアルを記録しています。...

Element PlusはAffixを実装します

目次1. コンポーネントの紹介2. ソースコード分析2.1 テンプレート2.2 スクリプト2.3 実...

MySQLはIDに適切なデータ型を選択します

目次分散IDソリューションの概要データベース自動増分IDデータベースマルチマスターモード数値セグメン...

単一の Nginx IP アドレスに複数の SSL 証明書を設定する例

デフォルトでは、Nginx は IP アドレスごとに 1 つの SSL 証明書のみをサポートします。...

CSS3 3Dクールキューブ変形アニメーションの実装

私はコーディングが大好きです。コーディングすると幸せになります!みなさんこんにちは、Counterで...

Linux チェックアップ、Linux の状態 (ネットワーク IO、ディスク、CPU、メモリ) を把握

目次1. コアコマンド2. 共通コマンド3. コアコマンドの詳細な説明3.1、ps補助3.2 トップ...

制限を使用すると、MySQL のページングがどんどん遅くなるのはなぜですか?

目次1. テスト実験2. 制限ページング問題に対するパフォーマンス最適化手法2.1 テーブルをカバー...