Einige Frontend-Grundlagen (HTML, CSS) aus der Praxis
|
1. Die Div-CSS-Maushandform ist Cursor:Zeiger; 2. Hinweis zum relativen und absoluten HTML-Layout: „absolute“ bedeutet, dass, wenn das Positionsattribut auf „absolute“ gesetzt ist, die Positionierung immer entsprechend dem Browserfenster erfolgt, was eigentlich falsch ist. Wenn die Position von Sub1 auf absolut gesetzt ist, wer ist dann das Objekt für den Offset? Hier gibt es zwei Situationen: (1) Wenn das übergeordnete Objekt (oder der Urgroßvater, sofern es ein übergeordnetes Objekt ist) von sub1 ebenfalls das Positionsattribut festlegt und der Wert des Positionsattributs absolut oder relativ ist, d. h. nicht der Standardwert ist, wird sub1 entsprechend diesem übergeordneten Objekt positioniert. Beachten Sie, dass das Objekt zwar bestimmt wurde, es jedoch einige Details gibt, die Ihre Aufmerksamkeit erfordern, d. h. welchen Ankerpunkt des übergeordneten Objekts sollen wir für die Positionierung verwenden? Wenn das übergeordnete Element Eigenschaften wie Ränder, Rahmen, Polsterung usw. festlegt, ignoriert dieser Ankerpunkt die Polsterung und wird vom Anfang der Polsterung aus positioniert (also nur von der oberen linken Ecke der Polsterung aus). Dies unterscheidet sich von der Annahme, dass die Positionierung am oberen linken Ende des Rands beginnt. Die nächste Frage lautet: Wo befindet sich Sub2? Denn wenn die Position auf absolut gesetzt ist, läuft sub1 über den normalen Dokumentfluss hinaus, so als ob es nicht zum übergeordneten Element gehört, sondern nach oben schwebt. In DreamWeaver wird es als „Ebene“ bezeichnet, was eigentlich dasselbe bedeutet. An diesem Punkt erhält sub2 die Position von sub1 und sein Dokumentenfluss basiert nicht mehr auf sub1, sondern beginnt direkt beim übergeordneten Element. (2) Wenn sub1 kein übergeordnetes Objekt mit einem Positionsattribut besitzt, wird der Body als Positionierungsobjekt verwendet und die Positionierung erfolgt entsprechend dem Browserfenster. Dies ist relativ einfach zu verstehen. 3. CSS-Transparenzfilter:alpha(opacity=0);opacity:0;-moz-opacity:0; Nur wenn diese drei CSS zusammengefügt werden, ist es mit allen Browsern kompatibel 4. Fensterbeziehungen und Rahmen Das oberste Objekt zeigt immer auf den höchsten (äußersten) Rahmen, also das Browserfenster. Verwenden Sie dies, um ordnungsgemäß auf jeden Frame zuzugreifen. Denn bei Code, der in einem Framework geschrieben wurde, verweist das Fensterobjekt immer auf eine bestimmte Instanz dieses Frameworks und nicht auf das Framework der obersten Ebene. Beispielsweise verweist window in einem untergeordneten Frame auf sein eigenes Objekt. Wenn Sie die Quelle dieses Frames und die Quelle des Iframes oder Frames des übergeordneten Fensters ändern möchten, können Sie window nicht verwenden. In diesem Fall müssen Sie window.top.$(selector) verwenden, um darauf zuzugreifen. |
<<: CSS3 realisiert den Animationseffekt der Lotusblüte
>>: HTML-Grundlagen - CSS-Stylesheets, Style-Attribute, Format- und Layoutdetails
Artikel empfehlen
HTML implementiert Double 11-Coupon-Erfassung (Zeit zum Öffnen der Coupon-Erfassungsseite festlegen)
Ohne weitere Umschweife werde ich den Code direkt...
3 Funktionen der toString-Methode in js
Inhaltsverzeichnis 1. Drei Funktionen der toStrin...
Verwenden von Vue zum Implementieren einer Timerfunktion
In diesem Artikelbeispiel wird der spezifische Co...
Verwendung der MySQL-Anweisung „truncate table“
Mit der Anweisung „Truncate table“ werden alle Da...
VUE realisiert Registrierungs- und Login-Effekte
In diesem Artikelbeispiel wird der spezifische Co...
Eine Fehlerbehebungserfahrung im CentOS-Docker-Bridge-Modus, bei dem auf den Host-Redis-Dienst nicht zugegriffen werden kann
Hintergrund: Ich habe bereits ein Projekt durchge...
MySQL-Installations- und Konfigurationsmethoden und Vorsichtsmaßnahmen unter der Windows-Plattform
2.1, MSI-Installationspaket 2.1.1、Installation Be...
Anfänger lernen einige HTML-Tags (2)
Anfänger können HTML lernen, indem sie einige HTM...
Schritte zum Bereitstellen von Hyper-V zur Desktop-Virtualisierung (grafisches Tutorial)
Für die Bereitstellung von Hyper-V gelten die fol...
Einfache Tipps zur Erhöhung der Ladegeschwindigkeit von Webseiten
Die Ladegeschwindigkeit einer Webseite ist ein wic...
MySQL-Methode zum Generieren von Zufallszahlen, Zeichenfolgen, Daten, Bestätigungscodes und UUIDs
Inhaltsverzeichnis Zufallszahlen generieren Gener...
Detaillierte Erläuterung der Überwachung des Jenkins-Prozesses basierend auf Zabbix
1. Überwachungsarchitekturdiagramm 2. Umsetzungsi...
HTML-Tutorial: Sammlung häufig verwendeter HTML-Tags (6)
Verwandte Artikel: Anfänger lernen einige HTML-Ta...
Detaillierte Erklärung der Verwendung von Bildschirmbefehlen in Linux
GUN-Bildschirm: Offizielle Website: http://www.gn...
Detaillierte Erläuterung der Vorgänge und Implementierungen im Zusammenhang mit dem HTML-Druck
Das Prinzip besteht darin, die Methode window.pri...