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を通じて最高の効果を達成します

推薦する

JavaScript はクラス宝くじアプレットを実装します

この記事では、クラス抽選アプレットを実装するためのJavaScriptの具体的なコードを参考までに紹...

フォームデータを取得するための Node.js メソッドの 3 つの例

序文Nodejs はサーバーサイド言語です。開発中、登録やログインなどでは、判断のためにフォームを通...

ユーザー名が使用可能かどうかを確認するVueメソッド

この記事では、ユーザー名が使用可能かどうかを確認するためのVueの具体的なコードを例として紹介します...

オブジェクトのプロパティを反復処理する際の TypeScript の問題

目次1. 問題2. 解決策1. オブジェクトをanyとして宣言する2. オブジェクトのインターフェー...

HTMLフローティングプロンプトボックス機能の実装コード

一般的なフォーム プロンプトは常にフォームのスペースを占有し、フォームが長くなったり広くなったりして...

長いデータを HTML で表示するときに処理する方法

HTML で長いデータを表示する場合、マウスをその上に移動するとデータを切り捨てて完全なデータを表示...

MySQL 8.0.18 のインストールと設定のグラフィックチュートリアル

学習目標: Windowsシステムを使用してMySQLデータベースをインストールする方法を学びます。...

MySQL テーブルパーティションの使用法と基本原理の詳細な説明

目次パーティションテーブルとはパーティションテーブルの適用シナリオパーティションテーブルの制限パーテ...

IDEA 構成の Tomcat 起動エラーの問題を解決する

異なるサーブレット パスを構成するときに、次の 2 つのエラーが発生しました。 java.lang....

MySQL テーブルスペースのリカバリに対する正しいアプローチについての簡単な説明

目次予備的注釈問題の再現データ削除の原則データの再利用どの操作がデータホールの原因になりますか?表領...

HTMLフォーム送信方法のケーススタディ

フォームの送信方法をまとめると次のようになります。 1. 送信ボタンを使用して送信します。送信ボタン...

DockerにMySQL 8.0をインストールする方法

環境: MacOS_Cetalina_10.15.1、Mysql8.0.18、Docker_2.0....

LeetCode の SQL 実装 (181. 従業員は管理職よりも収入が高い)

[LeetCode] 181.従業員の収入が管理職よりも多い従業員テーブルには、マネージャーを含む...

Vueはシンプルな画像切り替え効果を実装します

この記事では、Vueの具体的なコード例を参考までに紹介します。具体的な内容は以下のとおりです。 コー...

Vue3のいくつかの利点についての簡単な説明

目次1. ソースコード1.1 モノレポ1.2 タイプスクリプト2. パフォーマンス2.1 ソースコー...