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

推薦する

MySql クイック挿入数千万の大規模データの例

データ分析の分野では、データベースは私たちの強力な助けとなります。クエリ時間を受け入れるだけでなく、...

ウェブページを作る前に、これらのいわゆる仕様を見てみましょう

この記事では、Web ページを作成する前に確認すべき、いわゆる仕様をいくつかまとめました。皆様のお役...

mysql8.0.20 のダウンロードとインストールおよび発生した問題 (図とテキスト)

1.ブラウザでmysqlを検索してダウンロードしてインストールしますアドレス: https://d...

Nginx で limit_req_zone を使用して同じ IP へのアクセスを制限する方法

Nginx は、ngx_http_limit_req_module モジュールの limit_req...

forEachでawaitが機能しない問題を解決する

1. はじめに数日前、プロジェクトでトラバーサルに使用したときに落とし穴に遭遇し、解決するのに 1 ...

MySQL 5.7 における部分テーブルのデュアルマスター同期の実装プロセスの詳細な説明

序文最近、私はある要件に遭遇しました。会社の業務上、2 つのデータベース間の一部のテーブルは、リアル...

process.env.NODE_ENV 本番環境モードを設定する方法

始める前に、process.env.NODE_ENV にはデフォルトで開発と本番の 2 つの状態しか...

固定サイドバーを実現するためのJavaScript

固定サイドバーを実装するにはJavaScriptを使用します。参考までに、具体的な内容は次のとおりで...

MySQL データベースは XA 仕様をどのように実装しますか?

MySQL 一貫性ログMySQL データベースの電源が切れた場合、コミットされていないトランザクシ...

Reactは、読み込み、読み込み完了、読み込み失敗の3つの段階の原則分析を実装します。

最近ブログに書いたのですが、プロジェクトリストの中に写真がたくさんあり、最初は読み込みが遅いので、ス...

vue+iviewのメニューとタブの連携方法

Vue+iview メニューとタブのリンク現在、vue+iview を使用してバックエンド管理システ...

HTML の基礎: HTML コンテンツの詳細

まずは本体から始めましょう:ウェブページを閲覧するとき、最初に目に留まるのは通常、ページの背景です。...

Linuxはlsof/extundeleteツールを使用して、誤って削除されたファイルやディレクトリを復元します。

序文Linux には Windows のような目立つごみ箱がないため、簡単に復元することはできません...

docker を使用した pxc クラスターのインストールに関する詳細なチュートリアル

目次序文事前準備ディレクトリを作成するcustom.cnf を作成する証明書を作成するpxc クラス...