Wichtige Hinweise zu PHP-HTMLhtml-Wissenspunkten (unbedingt lesen)

Wichtige Hinweise zu PHP-HTMLhtml-Wissenspunkten (unbedingt lesen)

1. Verwenden Sie Frameset, Frame und Iframe, um mehrere Fenster zu realisieren

2. Verwenden Sie die Zuordnungsdistanz Usemap auf dem Bild, um einen Tastensprung zu realisieren. ------ Episode 8 Ende


3. Das Formular muss einen Namen und einen Wert haben, da Sie beim Erfassen von Paketen feststellen können, dass diese übermittelt werden müssen

4.Fieldset-Tag -> Legende, Beschriftung

5. Sie können nur margin-top und margin-left verwenden, um den Abstand des Div vom Seitenrand zu positionieren.

6. padding-top und padding-left positionieren den Abstand zwischen den Elementen im Div und dem Div-Rand

7.Der Standard-Hyperlink ist „Link“. Sie können das Hover-Attribut und das Besucht-Attribut festlegen

8. Vier Selektorprioritäten: ID-Selektor (#) > Klassenselektor (.) > HTML-Selektor > Platzhalterselektor (*)

9. Übergeordnet-untergeordneter Selektor, z. B. #id1 span{}----->ähnlich wie a.clas1{};a.clas2{}
Sie können auch #id1 span span verwenden. Es muss nicht nur eine Ebene sein.
(1) Eltern-Kind-Selektoren können mehrere Ebenen haben (aber in der tatsächlichen Entwicklung dürfen drei Ebenen nicht überschritten werden).
(2) Es besteht eine streng hierarchische Beziehung. (3) Eltern-Kind-Selektoren sind nicht auf einen bestimmten Selektortyp beschränkt.
.s1 #id-Spanne
div #id .s2

10. Ein Element kann sowohl einen ID-Selektor als auch einen Klassenselektor haben.
Zum Beispiel <span class="s1" id="news">Hehe</span>


11. Ein Element kann höchstens einen ID-Selektor haben, aber mehrere Klassenselektoren, wie z. B. <span class="cls1 s1">呵</span>
Besonderer Hinweis: Wenn zwei Klassenselektoren in Konflikt stehen, hat der letztere Klassenselektor in der CSS-Datei Vorrang.


12. Wir können eine separate Kopie der gemeinsamen Selektoren in eine CSS-Datei schreiben, z. B. .s1, .s2, .s3{}

13. Inline-Elemente und Block-Elemente (1) Inline-Elemente belegen nur die Breite, die zur Anzeige ihres eigenen Inhalts erforderlich ist, und belegen nicht die gesamte Zeile. (2) Block-Elemente belegen die gesamte Zeile, unabhängig von der Größe ihres Inhalts, und werden umbrochen, um
==>> Zu den üblichen Inline-Elementen gehören <a><img><input>
==>> Zu den gängigen schnellen Elementen gehören <div><p>

14. Inline-Elemente und Blockelemente können ineinander konvertiert werden. Verwenden Sie display:inline--block

15. CSS-Boxmodell: Teil 13, Teil 2, Rand, Rahmen, Polsterung

16. Beachten Sie die Standardränder einiger Elemente. Seien Sie also beim Entfernen vorsichtig. Zum Beispiel,

17. Positionierung
==>Relative Positionierung: Positionieren Sie das Element relativ zu der Stelle, an der es angezeigt werden soll. Obwohl es außerhalb des Standardflusses liegt, wird die Position nicht aufgegeben und kann nicht besetzt werden.
==>Absolute Positionierung: Positionieren Sie das Element, das dem Element am nächsten ist, das außerhalb des Standardflusses liegt. Wenn kein übergeordnetes Element vorhanden ist (oder ein übergeordnetes Element vorhanden ist, das übergeordnete Element jedoch nicht außerhalb des Standardflusses liegt),
Dann positionieren Sie relativ zur oberen linken Ecke des Körpers
==>Feste Positionierung: immer in der oberen linken Ecke des Fensters positioniert
==>Das Attribut „left top“ hat keine Auswirkung auf die Statik. Das Sattic wird durch margin_left und margin_top positioniert.
==>z_index wird verwendet, um die Stapeleigenschaften festzulegen, wenn das Objekt (div) angezeigt wird. Je kleiner der Z-Index, desto niedriger ist er.

18. Die Höhen- und Breitenwerte von Inline-Elementen sind ungültig. Sofern nicht in Float oder (display:block) konvertiert

19. Aus dem süßen Haus am Ende von Folge 20 lassen sich zwei Dinge lernen. Eines davon ist das dynamische Hintergrundbild der Linkmenüleiste.
Zweitens wird im Eingabefeld nur der untere Rand angezeigt, andere Ränder werden nicht angezeigt

Der obige Hinweis zu wichtigen Wissenspunkten zu PHP-HTMLhtml (unbedingt lesen) ist der gesamte Inhalt, den der Herausgeber mit Ihnen teilt. Ich hoffe, er kann Ihnen als Referenz dienen. Ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen werden.

<<:  Einführung in den Prozess der Verwendung der NFS-Remote-Verzeichnismontage in der CentOS-Umgebung

>>:  Vue erzielt den Top-Effekt durch V-Show

Artikel empfehlen

WeChat-Applet + ECharts zur Realisierung eines dynamischen Aktualisierungsprozesses

Vorwort Kürzlich stieß ich auf eine Anforderung, ...

So installieren Sie MySQL 8.0.17 und konfigurieren den Fernzugriff

1. Vorbereitung vor der Installation Überprüfen S...

CSS3-Bézierkurven-Beispiel: Erstellen von Link-Hover-Animationseffekten

Wir verwenden animierte CSS3-Übergänge, um einen ...

Zusammenfassung der Javascript-Datumstools

lass Utils = { /** * Ist es das Todesjahr? * @ret...

Detaillierte Erklärung der Methoden des fs-Moduls und des Path-Moduls in Node.js

Überblick: Das Dateisystemmodul ist ein einfacher...

Detaillierte Erklärung der node.js-Installation und HbuilderX-Konfiguration

Tutorial zur npm-Installation: 1. Laden Sie das N...

Lernprogramm für HTML-Webseitenlisten-Tags

Lernprogramm zum Erlernen von Listen-Tags für HTML...

Beispiel für eine geplante MySQL-Datenbanksicherung

Dieser Artikel beschreibt das Beispiel eines gepl...

Berechnungstabelle für die RGBA-Alpha-Transparenzkonvertierung

Konvertierung zwischen RGBA- und Filterwerten unt...

Funktionen in TypeScript

Inhaltsverzeichnis 1. Funktionsdefinition 1.1 Fun...

WeChat-Applet implementiert SMS-Login in Aktion

Inhaltsverzeichnis 1. Vorschau der Schnittstellen...

Gegenseitiger Wertetransfer und Aufruf von Vue-Eltern-Kind-Komponenten

Inhaltsverzeichnis 1. Übergeordnetes Element über...

Zusammenfassung gängiger Befehle in Dockerfile

Syntaxzusammensetzung: 1 Anmerkungsinformationen ...