Detaillierte Einführung in das Erlernen allgemeiner Wissenspunkte des Web-Frontends

1. Gemeinsame Elemente auf Blockebene Inline-Elemente

p – die am häufigsten verwendeten Elemente auf Blockebene

dl – Blockebene, die mit dt-dd verwendet wird Elemente

Formular – interaktives Formular

h1 -h6- Titel

hr – horizontale Trennlinie

ol – geordnete Liste

p - Absatz

ul - ungeordnete Liste

fieldset - Formularfeldsatz

colgroup-col - Formularspaltengruppierungselement

table-tr- td Tabelle und Zeilenzelle

vorformatierter Text

a – Hyperlink (Anker)

br – Zeilenumbruch

i – kursiv

em – Hervorhebung

img – Bild

input – Eingabefeld

label – Formularbezeichnung

span – gemeinsamer Inline-Container, definiert den Block innerhalb des Textes

stark – fette Hervorhebung

sub – tiefgestellt

sup – hochgestellt

textarea – mehrzeiliges Texteingabefeld

u – Unterstreichen Sie

select - Projektauswahl

2. Mehrere Bedingungen für die Realisierung von drei Textpunkten

text-overflowAttribut ist Nur: ob ein Auslassungszeichen angezeigt werden soll, wenn der Text überläuft. Um den Effekt der Generierung einer Ellipse beim Überlaufen zu erzielen, müssen Sie Folgendes definieren:

1 🎜>width: value; (px, %, beide sind akzeptabel)

white-space: nowrap; > 3. Überlaufinhalt ist ausgeblendet: Überlauftext zeigt Auslassungspunkte an: Textüberlauf: Auslassungspunkte;

Hinweis: Es muss sich um eine einzelne Textzeile handeln um den Überlauf dieses Artikels zu setzen! ! !

IE6+; chrome1.0+; Safari3.1+ (Firefox, Opera werden noch nicht unterstützt)

Mehrere Bedingungen für die vertikale Zentrierung

Ein Element in a festlegen Um den Container vertikal zu zentrieren, müssen Sie den Standardwert des Attributs

in „inline-block“

ändern und ein gleichgeordnetes Element (Ruler) hinzufügen (der Stil des gleichgeordneten Elements [ruler] ist eingestellt). vertikal-align:middle;width:0;

:100%;display:inline-block;) . Drei Bedingungen: 1: Muss zum Container (übergeordnetes Element) hinzugefügt werden

:center;

2: Muss hinzugefügt werden zum aktuellen Konvertieren Sie das Element in ein Inline-Blockelement (display:inline-block;) und fügen Sie Vertical-align:middle;3 zum aktuellen Element hinzu (ohne Wagenrücklauf). span nach dem aktuellen Element (ohne Wagenrücklauf) ;Und Vertical-align:middle;width:0;height:100%;display:inline-block

Ersatzelemente und Nicht-Ersatzelemente

Ersatzelemente und Nicht-Ersatzelemente

a) Ersetzungselemente: Der Browser bestimmt den spezifischen Anzeigeinhalt des Elements anhand seiner Tags und Attribute. Beispiel: Der Browser liest die Bildinformationen und zeigt sie basierend auf dem Wert des src-Attributs des -Tags an. Wenn Sie jedoch den (x)html-Code anzeigen, können Sie den tatsächlichen Inhalt des Bildes nicht sehen. der Typ der -Tag-Eigenschaften, um zu bestimmen, ob Eingabefelder, Optionsfelder usw. angezeigt werden sollen. (x), , , <select> in HTML sind alles Ersatzelemente. Diese Elemente haben oft keinen eigentlichen Inhalt, das heißt, es handelt sich um leere Elemente. </p> <p style="text-align: left;">Das Ersatzelement erzeugt in seiner Anzeige eine Box, weshalb einige Inline-Elemente (img, input) die Breite und Höhe festlegen können. </p> <p style="text-align: left;">b) Nicht ersetzbare Elemente (nicht ersetzbare Elemente): (x) Die meisten Elemente von HTML sind nicht ersetzbare Elemente, dh ihr Inhalt wird dem Benutzer (z. B. einem Browser) direkt angezeigt. </p> <p style="text-align: left;">5. Was ist eine Sprite-Map? Was sind die Vorteile? </p> <p style="text-align: left;">Bildintegration, integrieren Sie kleine einzelne Hintergrundbilder in ein großes Hintergrundbild. </p> <p style="text-align: left;">Vorteile der Bildintegration: 1) Reduzieren Sie die Anzahl der Anfragen an den Server durch die Bildintegration und verbessern Sie dadurch die Ladegeschwindigkeit der Seite. 2) Reduzieren Sie die Größe von Bildern, indem Sie sie integrieren. </p> <p style="text-align: left;">6. Was ist das <a href="//m.sbmmt.com/code/5005.html" target="_blank">CSS-Cascading-</a>-Stylesheet? Wie wird der Prioritätsalgorithmus berechnet? </p> <p style="text-align: left;">a. Die Prioritätsreihenfolge von Wichtigkeit und Quelle von niedrig nach hoch ist: </p> <p style="text-align: left;">1) Browser-Standardstil </p> <p style="text-align: left;">2) <a href="//m.sbmmt.com/wiki/164.html" target="_blank">Klasse</a>/ID. ....Das Gewicht des Selektors </p> <p style="text-align: left;">3) Inline-Stil </p> <p style="text-align: left;">4) Inline oder extern (Schreibreihenfolge) </p> <p style="text-align: left;">5) !important ist das höchste </p> <p style="text-align: left;">7. Der Unterschied zwischen display:none und <a href="//m.sbmmt.com/wiki/929.html" target="_blank">visibility</a>:hidden </p> <p style="text-align: left;">Ersteres: versteckt, nimmt aber keinen Platz ein; letzteres: versteckt, nimmt aber Platz ein</p> <p style="text-align: left;">8. <a href="//m.sbmmt.com/code/6440.html" target="_blank">Mehrere Möglichkeiten, Floating zu löschen </a></p> <p style="text-align: left;">Hack1: Deklaration overflow:hidden zum übergeordneten Element hinzufügen;</p> <p style="text-align: left;">Hack2: Höhe zum übergeordneten Element hinzufügen</p> <p style="text-align: left;">Hack3: Fügen Sie ein leeres p unter dem Floating-Element hinzu und fügen Sie eine Deklaration zum Element hinzu: p{clear:both; height:0; p:after{content: „. </p> <p style="text-align: left;">1) Textbezogen: Schriftfamilie, Schriftgröße, Schriftstil, Schriftvariante, Schriftstärke, Schriftart, Buchstabenabstand, Zeilenhöhe, Textausrichtung, Texteinzug, Text -transform, Wortabstand</p> <p style="text-align: left;">2) Listenbezogen: Listenstilbild, Listenstilposition, Listenstiltyp, Listenstil</p> <p style="text-align: left;">3) Farbbezogen : Farbe </p> <p style="text-align: left;">4) Transparenz (untergeordnete Elemente erben die Deckkraft des Vorgängerelements, können aber nicht geändert werden) </p> <p style="text-align: left;">Hinweis: Schriftgröße erbt die Größe des übergeordneten Elements, nicht das Verhältnis . line-height Wenn das übergeordnete Element ein Prozent- oder px-Wert ist, entspricht das untergeordnete Element dem übergeordneten Element. Wenn das übergeordnete Element normal oder eine Zahl ist, entspricht die Zeilenhöhe des untergeordneten Elements der Schriftgröße des untergeordneten Elements Element multipliziert mit der Zahl. </p> <p style="text-align: left;">10. Positionierungsmethode</p> <p style="text-align: left;">Positionsattributwert: </p>statisch<p style="text-align: left;">, relativ, absolut, fest</p> <p style="text-align: left;">1) statisch<a href="//m.sbmmt.com/wiki/188.html" target="_blank"></a>statisch der Standardwert. Das Element befindet sich im Dokumentenfluss und wird normal angezeigt: </p>oben<p style="text-align: left;">, </p>unten<p style="text-align: left;">, <a href="//m.sbmmt.com/wiki/904.html" target="_blank">links</a> und <a href="//m.sbmmt.com/wiki/906.html" target="_blank">rechts</a> Attribute des Elements werden ignoriert. Das Attribut <a href="//m.sbmmt.com/wiki/907.html" target="_blank">z-index</a> ist immer 0.<a href="//m.sbmmt.com/wiki/905.html" target="_blank"></a>2) relative<a href="//m.sbmmt.com/wiki/903.html" target="_blank"></a> relative Positionierung, wobei die Position und Größe des Elements im Dokumentenfluss beibehalten wird, bestimmt durch links /rechts/oben /unten Mehrere Attribute bestimmen die relative Bewegungsdistanz und die ursprüngliche Position bleibt erhalten</p> <p style="text-align: left;">3) absolut</p> <p style="text-align: left;"></p>Absolute Positionierung<p style="text-align: left;">, um das Objekt vom zu trennen Dokumentenfluss, verwenden Sie left Attribute wie /right/top/bottom werden absolut relativ zum nächstgelegenen übergeordneten Element positioniert, das über Positionierungseinstellungen verfügt. Andernfalls basiert es auf dem Körperobjekt </p> <p style="text-align: left;">4) fest</p> <p style="text-align: left;">Fest ist ähnlich wie „absolut“, aber es ist relativ zur oberen linken Ecke des Fensters und scrollt nicht mit dem Dokument. Wenn es sich jedoch auf einer Seite mit mehreren Frames befindet, bezieht es sich auf die obere linke Ecke des Frames und nicht auf die obere linke Ecke des Browsers. </p> <p style="text-align: left;">11. Was ist der Unterschied zwischen Link und @import? </p> <p style="text-align: left;">1. Der Unterschied zwischen den Vorfahren. Link gehört zum XHTML-Tag und @import ist vollständig eine von CSS bereitgestellte Methode. </p> <p style="text-align: left;">2. Zusätzlich zum Laden von CSS kann das Link-Tag auch viele andere Dinge tun, z. B. <a href="//m.sbmmt.com/wiki/1541.html" target="_blank">RSS</a> definieren, rel-Verbindungsattribute definieren usw. @import kann nur CSS laden</p> <p style="text-align: left;">3. Der Unterschied in der Ladereihenfolge. Wenn eine Seite geladen wird (d. h. wenn sie von einem Betrachter angezeigt wird), wird gleichzeitig das durch den Link referenzierte CSS geladen, während das durch @import referenzierte CSS wartet, bis die Seite vollständig heruntergeladen ist, bevor es geladen wird. Wenn Sie also die Seite durchsuchen, auf der @import CSS lädt, ist manchmal kein Stil zu sehen (er flackert nur) </p> <p style="text-align: left;"> 4. Unterschiede in der Kompatibilität. Da @import von CSS2.1 vorgeschlagen wurde, wird @import nur von IE5 oder höher erkannt, aber das Link-Tag hat dieses Problem nicht </p> <p style="text-align: left;"> 5. Der Unterschied bei der Verwendung von dom um den Stil zu kontrollieren. Wenn Sie JavaScript zum Steuern des Doms verwenden, um den Stil zu ändern, können Sie nur das Link-Tag verwenden, da @import nicht vom Dom gesteuert werden kann </p> <p style="text-align: left;">12 Was sind die Positionierungsattributwerte? Lohnt sich jeder? </p> <p style="text-align: left;">Die Funktion jedes Attributwerts: </p> <p style="text-align: left;">statisch: Standardwert. Ein Element, dessen Position auf statisch festgelegt ist, wird normalerweise immer an der durch den Dokumentfluss angegebenen Position angezeigt (statische Elemente ignorieren alle Top-, Bottom-, Left- oder Right-Deklarationen). </p> <p style="text-align: left;">absolut: Absolute Positionierung relativ zum übergeordneten Element, s schwebt aus dem Layoutfluss, es nimmt keinen Platz ein, es ist das, was wir eine Ebene nennen, seine Position ist relativ zum nächstgelegenen positionierten übergeordneten Element Position, Sie können die Attribute „links“, „oben“, „rechts“ und „unten“ direkt angeben. Wenn das übergeordnete Element nicht positioniert ist, wird HTML (Stammelement) verwendet. (Stapelreihenfolge Z-Index: Wert) </p> <p style="text-align: left;">relativ: Es handelt sich um eine versetzte Positionierung relativ zur Standardposition. Sie kann durch Festlegen von links, oben, rechts und an eine Position relativ zu ihrer normalen Position verschoben werden untere Werte. (Bewegung relativ zur eigenen Startposition, [unterbricht den normalen Layoutfluss nicht] </p> <p style="text-align: left;">behoben: Absolute Positionierung relativ zum Browser, Positionierung relativ zu den angegebenen Koordinaten des Browserfensters. Die Position von Dieses Element kann durch die Attribute „links“, „oben“, „rechts“ und „unten“ angegeben werden. Das Element bleibt an dieser Position, unabhängig davon, ob das Fenster gescrollt wird oder nicht <.>html5</.></p> <p style="text-align: left;">15 neue <a href="//m.sbmmt.com/wiki/1118.html" target="_blank">-Tags hinzugefügt</a><a href="//m.sbmmt.com/php/php-tp-append.html" target="_blank">Kopfzeile, Navigation, Fußzeile, </a>Hauptseite</p> Nebenartikel, Abschnitt, Abbildung, Datenliste, Video, Audio, Feld, Legende, Beschriftung, Beschriftung<p style="text-align: left;"><a href="//m.sbmmt.com/wiki/646.html" target="_blank">14. 1. Wie wird BFC generiert? > margin</a> überlappt sich (in zwei BFCs platziert) </p> <p style="text-align: left;">3. Wurzelelement, </p>float<p style="text-align: left;">-Attribut ist nicht „none“, Position ist absolut oder fest, Anzeige ist Inline-Block, Tabellenzelle , Table-Caption, Flex, Inline-Flex, Overflow sind nicht sichtbar</p> <p style="text-align: left;">15. Der Unterschied zwischen .px, em, rem, pt<a href="//m.sbmmt.com/wiki/931.html" target="_blank"></a>1) px ist eigentlich ein Pixel, verwenden Sie px Beim Festlegen der Schriftgröße ist es relativ stabil und genau </p> <p style="text-align: left;"> Bei dieser Methode tritt jedoch ein Problem auf, wenn der Benutzer die von uns im Browser erstellte Webseite durchsucht uns Das Web<a href="//m.sbmmt.com/wiki/919.html" target="_blank">Seitenlayout</a> ist kaputt. Daher wurde vorgeschlagen, „em“ zu verwenden, um die Schriftart der Webseite zu definieren. </p> <p style="text-align: left;">2) em dient dazu, die Schriftgröße basierend auf der Grundlinie zu skalieren. </p> <p style="text-align: left;">em dient dazu, die Schriftgröße relativ zum übergeordneten Element festzulegen. Daher tritt beim Festlegen eines Elements ein Problem auf. Möglicherweise müssen Sie die Größe des übergeordneten Elements kennen. </p> <p style="text-align: left;">3) rem wird relativ zur Schriftgröße des Stammelements angezeigt. <a href="//m.sbmmt.com/code/7955.html" target="_blank"></a>rem ist relativ zum Stammelement <html> ;, was bedeutet, dass wir nur einen Referenzwert im Wurzelelement bestimmen müssen </p><p style="text-align: left;">4) Die Größe von pt entspricht 1/72 von 1 Zoll </p><p style="text-align: left;"> Pfund: Es ist ein Maßeinheit für Text </p><p style="text-align: left;">Diese Messmethode hat ihren Ursprung im Druckdesign und eignet sich am besten für Medien, wird aber auch häufig in Displays verwendet</p><p style="text-align: left;">16 Welche Methoden gibt es, um eine vertikale + horizontale Zentrierung zu erreichen? </p><p style="text-align: left;">1. p{width:200px;height:200px;<a href="//m.sbmmt.com/wiki/892.html" target="_blank">Hintergrund</a>:#f00;position:fixed;left:0;right:0;top:0;bottom:0;margin :auto;}</p><p style="text-align: left;">2. p{width:200px;height:200px;background:#f00;position:fixed;left:50%;top:50%;margin:-100px 0 0 -100px; }</p><p style="text-align: left;">17. Progressive Verbesserung und elegante Degradierung</p><p style="text-align: left;">Progressive Verbesserung: Erstellen Sie Seiten für Browser mit niedriger Version, um die grundlegendsten Funktionen sicherzustellen, und führen Sie dann Effekte und Interaktionen für fortgeschrittene Browser aus. Warten Sie auf Verbesserungen und zusätzliche Funktionen, um ein besseres Benutzererlebnis zu erreichen. </p><p style="text-align: left;">Anmutige Verschlechterung: Erstellen Sie von Anfang an vollständige Funktionen und machen Sie sie dann mit Browsern niedrigerer Versionen kompatibel</p><p style="text-align: left;">18 Was sind die CSS-Selektoren? </p><p style="text-align: left;">1) Platzhalter-Selektor *</p><p style="text-align: left;">2) Typ-Selektor/Element-Selektor a</p><p style="text-align: left;">3) Attribut-Selektor-Eingabe[type="button"]</p><p style="text-align: left;">4 ) Enthält Selektor p .code a</p><p style="text-align: left;">5) Unterobjektselektor ul.test>li</p> <p style="text-align: left;">6) ID-Selektor #</p> <p style="text-align: left;">7) Klassenselektor .</p> <p style="text-align: left;">8) Gruppenselektorkörper,ul,li</p> <p style="text-align: left;">9) <a href="//m.sbmmt.com/code/6014.html" target="_blank">Pseudoklasse</a> und Pseudoobjektselektor p<a href="//m.sbmmt.com/wiki/970.html" target="_blank">:first-letter </a> a<a href="//m.sbmmt.com/wiki/966.html" target="_blank">:hover</a></p> <p style="text-align: left;">10) Angrenzender Selektor li+li</p> <p style="text-align: left;">19. Der Unterschied zwischen Animation und Übergang </p> <p style="text-align: left;">Gleiche Punkte: beides Es ist der Attributwert des Elements, der sich im Laufe der Zeit ändert . </p> <p style="text-align: left;">Unterschiede: Der Übergang muss ein Ereignis auslösen (Hover-Ereignis oder Klick-Ereignis usw.), um seine </p> <p style="text-align: left;">CSS-Eigenschaften im Laufe der Zeit zu ändern; Animationen können auch ohne explizite Auslösung von Ereignissen verwendet werden Um einen <a href="//m.sbmmt.com/code/9595.html" target="_blank">Animationseffekt</a> zu erzielen, sind für die CSS3-Animation klare Animationsattributwerte erforderlich. </p> <p style="text-align: left;">20. Was sind das Standard-<a href="//m.sbmmt.com/code/6444.html" target="_blank">Box-Modell</a> und das seltsame Box-Modell? Der Unterschied zwischen den beiden, wie das Weird-Box-Modell und das Standard-Summenmodell implementiert werden </p> <p style="text-align: left;">Standard-Box-Modell: Inhalt+Rahmen+<a href="//m.sbmmt.com/wiki/948.html" target="_blank">Padding</a> </p> <p style="text-align: left;">Weird-Box-Modell: Inhalt </p> <p style="text-align: left;">Einer fügt Rand und Abstand hinzu, wenn die Breite der Box berechnet wird, der andere fügt nicht hinzu </p> <p style="text-align: left;">Seltsame Box-Modell-Implementierung: Box-Sizing: Border-Box</p> <p style="text-align: left;">Standard-Box model: box-sizing: content-box</p> <p style="text-align: left;">21. So zentrieren Sie ein Element nach oben, unten, links und rechts innerhalb des übergeordneten Elements</p> <p style="text-align: left;">css: </p> <p style="text-align: left;">.box {display:flex;width:800px;height:300px ;justify-content:center}</p> <p style="text-align: left;">.box p{align-self:center}</p> <p style="text-align: left;">html:</p> <p style="text-align: left;">< ;p class="box"></p> <p style="text-align: left;"> <p></p></p> <p style="text-align: left;"></p></p> <p style="text-align: left;">22 Wofür werden häufig Formate verwendet? Video und Audio? </p> <p style="text-align: left;"> Für Video: Video /ogg Video/mp4 Video/webm für <a href="//m.sbmmt.com/code/6093.html" target="_blank">Audio</a>: Audio/ogg Audio/mpeg</p> <p style="text-align: left;">23 Attribute und Attributwerte des <a href="//m.sbmmt.com/code/10723.html" target="_blank">flexiblen Boxmodells</a> (Schreiben Sie mindestens 6 Attribute) </p> <p style="text-align: left;">display:flex;</p> <p style="text-align: left;">flex-<a href="//m.sbmmt.com/wiki/873.html" target="_blank">richtung</a>: </p> <p style="text-align: left;">justify-content:</p> <p style="text-align: left;">align-items:</p> <p style="text-align: left;">align-self:</p> <p style="text-align: left;">align-content:</p> <p style="text-align: left;">flex-wrap: </p> <p style="text-align: left;">23. Stellen Sie kurz lineare Farbverläufe und Pfade vor. Verwendung von Farbverläufen und wiederholten Farbverläufen</p> <p style="text-align: left;">Linearer Farbverlauf: linear-gradient()</p> <p style="text-align: left;">Radialer Gradient: radial-gradient()</p> <p style="text-align: left;"> Wiederholter linearer Gradient: Repeating-linear-gradient()</p> <p style="text-align: left;"> Wiederholter radialer Gradient: Repeating-radial-gradient()</p> <p style="text-align: left;">24. Stellen Sie kurz die Verwendung von Animationen vor. </p> <p style="text-align: left;">Animation besteht aus zwei Teilen: Animation: Animationsname, Animationsausführungszeit, Animationstyp, Animationsverzögerungszeit, Animationswiederholungsnummer, Animationsrichtung @<a href="//m.sbmmt.com/wiki/1051.html" target="_blank">Taste</a>Frames, Animationsname </p> <p style="text-align: left;"> 25. Hauptattribute und Attributwerte von CSS3D </p> <p style="text-align: left;"> 1. Schärfentiefe: perspactive:number; Wenn das Objekt, das Sie sehen möchten, größer ist, stellen Sie den Wert kleiner ein , wenn Sie das Objekt kleiner sehen möchten, setzen Sie den Wert größer </p> <p style="text-align: left;">2 3D stage: transform-style:preserve-3d;</p> <p style="text-align: left;">3. </p> <p style="text-align: left;">26. Die Hauptattribute in 2D</p> <p style="text-align: left;">transform:translate() rotate() skew() scale()</p> <p style="text-align: left;">transform-origin:</p> <p style="text-align: left;">27 . Stellen Sie kurz die Attribute und Attributwerte der Übergangsanimation vor</p> <p style="text-align: left;">Übergang: Attributname (Sie können <a href="//m.sbmmt.com/wiki/1483.html" target="_blank">alle</a> verwenden) Animationsausführungszeit Animationstyp Animationsverzögerungszeit</p> <p style="text-align: left;">28 . Das neue <a href="//m.sbmmt.com/code/6021.html" target="_blank">Hintergrundattribut in CSS3</a></p> <p style="text-align: left;"><a href="//m.sbmmt.com/code/865.html" target="_blank">Hintergrundursprung</a>: Hintergrundursprung</p> <p style="text-align: left;"><a href="//m.sbmmt.com/code/868.html" target="_blank">Hintergrundclip</a>:Hintergrundzuschneiden</p> <p style="text-align: left;"><a href="//m.sbmmt.com/code/872.html" target="_blank">Hintergrundgröße</a>:<a href="//m.sbmmt.com/code/8294.html" target="_blank">Die Größe des Hintergrundbildes </a></p> <p style="text-align: left;">Im Folgenden sind die drei Werte der Hintergrundgröße aufgeführt</p> <p style="text-align: left;">Länge</p> <p style="text-align: left;"> gibt die Größe des Hintergrundbilds an. Der erste Wert ist die Breite, der zweite Wert ist die Höhe. </p> <p style="text-align: left;">Prozentsatz (%)</p> <p style="text-align: left;">Stellen Sie die Hintergrundbildgröße als Prozentsatz ein </p> <p style="text-align: left;">Abdeckung</p> <p style="text-align: left;">Erweitern Sie das Hintergrundbild so, dass es groß genug ist, damit das Hintergrundbild deckt den Hintergrundbereich vollständig ab </p> <p style="text-align: left;"> 29. Schreiben Sie den Kern der fünf großen Browser und ihre repräsentativen Werke </p> <p style="text-align: left;">*Trident: IE, Maxthon, Tencent, Theworld, 360 Browser </p> <p style="text-align: left;">*Gecko:: Das Originalwerk Mozilla Firefox ist Open Source </p> <p style="text-align: left;">*Webkit: Das Originalwerk Safari und Chrome sind ein Open-Source-Projekt. </p> <p style="text-align: left;">*Presto: Repräsentatives Werk Opera, Presto ist eine von Opera Software entwickelte Browser-Layout-Engine. Es gilt auch als die schnellste Rendering-Engine der Welt. </p> <p style="text-align: left;">*Blink: Eine von Google und Opera Software entwickelte Browser-Layout-Engine, veröffentlicht im April 2013. </p> <p style="text-align: left;">30. Notieren Sie mehrere häufige Fehler und Lösungen in IE6 (mindestens 4) </p> <p style="text-align: left;">1) Das Bild hat einen Randfehler. Lösung: Fügen Sie border:0; oder border:0 zum Bild hinzu keine;</p> <p style="text-align: left;">2. Doppelte Floating-Richtung (doppelter Rand) Lösung: display:inline</p> <p style="text-align: left;">3. Standardhöhe (IE6, IE7) Lösung: Deklaration zum Element hinzufügen: Font-Size :0; Option 2: Fügen Sie dem Element eine Anweisung hinzu: overflow:hidden;</p> <p style="text-align: left;"> 4. Die Standardgrößen der Schaltflächenelemente sind unterschiedlich. Option: Verwenden Sie ein Tag, um </p> <p style="text-align: left;"> 31. IEs <a href="//m.sbmmt.com/code/120.html" target="_blank"> zu simulieren Filter </a>Was sind einige? </p> <p style="text-align: left;">1. _ Unterstreichungsattributfilter </p> <p style="text-align: left;">2. IE-Versionserkennung; Syntax: Selektor {Attribut: Attributwert 9;}</p> <p style="text-align: left;">3.</p><p>Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in das Erlernen allgemeiner Wissenspunkte des Web-Frontends. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!</p> </div> </div> <div style="height: 25px;"> <div class="wzconBq" style="display: inline-flex;"> <span>Verwandte Etiketten：</span> <div class="wzcbqd"> <a onclick="hits_log(2,'www',this);" href-data="//m.sbmmt.com/de/search?word=web前端" target="_blank">web前端</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">Quelle：php.cn</div> </div> <div class="wzconOtherwz"> <a href="//m.sbmmt.com/de/faq/358069.html" title="So verwenden Sie die Bootstrap-IE8-Kompatibilitätsverarbeitung"> <span>Vorheriger Artikel：So verwenden Sie die Bootstrap-IE8-Kompatibilitätsverarbeitung</span> </a> <a href="//m.sbmmt.com/de/faq/358073.html" title="Beispiel für das Schreiben mit CSS3"> <span>Nächster Artikel：Beispiel für das Schreiben mit CSS3</span> </a> </div> <div class="wzconShengming"> <div class="bzsmdiv">Erklärung dieser Website</div> <div>Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn</div> </div> <div class="wwads-cn wwads-horizontal" data-id="156" style="max-width:955px"></div> <div class="wzconZzwz"> <div class="wzconZzwztitle">Neueste Artikel des Autors</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/de/faq/354750.html">Beispiele für HTML-Einstellungen für Fett, Kursiv, Unterstrichen, Durchgestrichen und andere Schrifteffekte</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/de/faq/338018.html">Implementieren Sie eine Java-Version von Redis</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/de/faq/353509.html">Die einfachste WeChat-Applet-Demo</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/de/faq/356272.html">Einführung in einfache Betriebsmethoden von pandas.DataFrame (Erstellen, Indizieren, Hinzufügen und Löschen) in Python</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/de/faq/354839.html">WeChat Mini-Programm: Beispiel für die Implementierung des Tab-Effekts</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/de/faq/354423.html">Python erstellt benutzerdefinierte Methoden, um die Ausgabe der Wörterbuchstruktur zu verschönern</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/de/faq/350853.html">HTML5: Verwenden Sie Canvas, um Videos in Echtzeit zu verarbeiten</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/de/faq/346502.html">Asp.net verwendet SignalR zum Senden von Bildern</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/de/faq/354842.html">WeChat Mini-Programmentwicklungs-Tutorial – Übersicht über die Funktionen von App() und Page()</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/de/faq/356574.html">Ausführliche Erklärung zur Verwendung von Python Redis</a> </div> <div>1970-01-01 08:00:00</div> </li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">Aktuelle Ausgaben</div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/de/wenda/176353.html" target="_blank" title="Ungültiges untergeordnetes React-Element (gefunden: Objekt mit Schlüssel {clientVersion}). Wenn Sie eine Sammlung untergeordneter Elemente rendern möchten, verwenden Sie stattdessen ein Array" class="wdcdcTitle">Ungültiges untergeordnetes React-Element (gefunden: Objekt mit Schlüssel {clientVersion}). Wenn Sie eine Sammlung untergeordneter Elemente rendern möchten, verwenden Sie stattdessen ein Array</a> <a href="//m.sbmmt.com/de/wenda/176353.html" class="wdcdcCons">Ich habe ein mehrstufiges Formular und wenn ich versuche, es abzusenden, wird dieser Fehle...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-06 16:25:39</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>346</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/de/wenda/176286.html" target="_blank" title="Starten Sie einen transparenten Browser, um das Erlebnis von Webanwendungen und PWA zu verbessern [unterstützt statisches HTML, CSS und JavaScript] [Benutzern die Anzeige von Desktop-Hintergründen in unseren Webanwendungen/PWA ermöglichen]" class="wdcdcTitle">Starten Sie einen transparenten Browser, um das Erlebnis von Webanwendungen und PWA zu verbessern [unterstützt statisches HTML, CSS und JavaScript] [Benutzern die Anzeige von Desktop-Hintergründen in unseren Webanwendungen/PWA ermöglichen]</a> <a href="//m.sbmmt.com/de/wenda/176286.html" class="wdcdcCons">Ich bin ein Junior-Frontend-Entwickler und Designer, der derzeit eine Webanwendung (Chat) ...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-05 13:50:12</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>1367</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/de/wenda/176276.html" target="_blank" title="Gruppieren Sie Benutzer (Gesamtbenutzer, Administratorbenutzer, Kontrolloperatoren, Wachen) mithilfe von Eloquent-Abfragen" class="wdcdcTitle">Gruppieren Sie Benutzer (Gesamtbenutzer, Administratorbenutzer, Kontrolloperatoren, Wachen) mithilfe von Eloquent-Abfragen</a> <a href="//m.sbmmt.com/de/wenda/176276.html" class="wdcdcCons">Ich habe eine Abfrage, die alle Benutzer zählt, die Gesamtzahl der Benutzer mit der Rolle ...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-05 12:11:26</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>332</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/de/wenda/176242.html" target="_blank" title="Verwenden Sie lokal installierte Bibliotheken auf Website-Seiten" class="wdcdcTitle">Verwenden Sie lokal installierte Bibliotheken auf Website-Seiten</a> <a href="//m.sbmmt.com/de/wenda/176242.html" class="wdcdcCons">Ist es möglich, Bibliotheken (.dll, .ocx), die für Windows-Betriebssysteme geschrieben und...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-05 00:15:49</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>3563</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/de/wenda/176214.html" target="_blank" title="React/Node: Beim Abonnieren mit Trial_period_days ist ein Integrationsfehler aufgetreten" class="wdcdcTitle">React/Node: Beim Abonnieren mit Trial_period_days ist ein Integrationsfehler aufgetreten</a> <a href="//m.sbmmt.com/de/wenda/176214.html" class="wdcdcCons">Ich habe in Stripe ein Produkt definiert, das ich als 7-tägige kostenlose Testversion einr...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-04 20:30:57</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>320</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt" > <div class="wzczt-title"> <div>verwandte Themen</div> <a href="//m.sbmmt.com/de/faq/zt" target="_blank">Mehr> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="//m.sbmmt.com/de/faq/webqdssm"><img src="https://img.php.cn/upload/subject/202407/22/2024072214251033100.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Was ist ein Web-Frontend?" /> </a> <a target="_blank" href="//m.sbmmt.com/de/faq/webqdssm" class="title-a-spanl" title="Was ist ein Web-Frontend?"><span>Was ist ein Web-Frontend?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="//m.sbmmt.com/de/faq/webqiand"><img src="https://img.php.cn/upload/subject/202407/22/2024072214195149684.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Drei gängige Frameworks für das Web-Frontend" /> </a> <a target="_blank" href="//m.sbmmt.com/de/faq/webqiand" class="title-a-spanl" title="Drei gängige Frameworks für das Web-Frontend"><span>Drei gängige Frameworks für das Web-Frontend</span> </a> </li> <li class="ul-li"> <a target="_blank" href="//m.sbmmt.com/de/faq/webqdxycwdzs"><img src="https://img.php.cn/upload/subject/202407/22/2024072212213460370.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Erforderliche Kenntnisse für das Web-Frontend" /> </a> <a target="_blank" href="//m.sbmmt.com/de/faq/webqdxycwdzs" class="title-a-spanl" title="Erforderliche Kenntnisse für das Web-Frontend"><span>Erforderliche Kenntnisse für das Web-Frontend</span> </a> </li> <li class="ul-li"> <a target="_blank" href="//m.sbmmt.com/de/faq/mdswjzm"><img src="https://img.php.cn/upload/subject/202407/22/2024072214100699552.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="So öffnen Sie eine MDS-Datei" /> </a> <a target="_blank" href="//m.sbmmt.com/de/faq/mdswjzm" class="title-a-spanl" title="So öffnen Sie eine MDS-Datei"><span>So öffnen Sie eine MDS-Datei</span> </a> </li> <li class="ul-li"> <a target="_blank" href="//m.sbmmt.com/de/faq/adobessmrj"><img src="https://img.php.cn/upload/subject/202407/22/2024072214314485410.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Welche Software ist Adobe" /> </a> <a target="_blank" href="//m.sbmmt.com/de/faq/adobessmrj" class="title-a-spanl" title="Welche Software ist Adobe"><span>Welche Software ist Adobe</span> </a> </li> <li class="ul-li"> <a target="_blank" href="//m.sbmmt.com/de/faq/gammainvhszmy"><img src="https://img.php.cn/upload/subject/202407/22/2024072213333894052.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Verwendung der GAMMAINV-Funktion" /> </a> <a target="_blank" href="//m.sbmmt.com/de/faq/gammainvhszmy" class="title-a-spanl" title="Verwendung der GAMMAINV-Funktion"><span>Verwendung der GAMMAINV-Funktion</span> </a> </li> <li class="ul-li"> <a target="_blank" href="//m.sbmmt.com/de/faq/javadbfwjdqhx"><img src="https://img.php.cn/upload/subject/202407/22/2024072212190528182.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Methoden zum Lesen und Schreiben von Java-DBF-Dateien" /> </a> <a target="_blank" href="//m.sbmmt.com/de/faq/javadbfwjdqhx" class="title-a-spanl" title="Methoden zum Lesen und Schreiben von Java-DBF-Dateien"><span>Methoden zum Lesen und Schreiben von Java-DBF-Dateien</span> </a> </li> <li class="ul-li"> <a target="_blank" href="//m.sbmmt.com/de/faq/mscpgj"><img src="https://img.php.cn/upload/subject/202407/22/2024072214393661367.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Tools zur Beurteilung von Vorstellungsgesprächen" /> </a> <a target="_blank" href="//m.sbmmt.com/de/faq/mscpgj" class="title-a-spanl" title="Tools zur Beurteilung von Vorstellungsgesprächen"><span>Tools zur Beurteilung von Vorstellungsgesprächen</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <div class="wzrOne"> <div class="wzroTitle">Beliebte Empfehlungen</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="So stellen Sie CSS so ein, dass es die Anzeigeellipsen überschreitet" href="//m.sbmmt.com/de/faq/482865.html">So stellen Sie CSS so ein, dass es die Anzeigeellipsen überschreitet</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="So legen Sie die Schriftgröße in CSS fest" href="//m.sbmmt.com/de/faq/469426.html">So legen Sie die Schriftgröße in CSS fest</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="So verwenden Sie Hover in CSS" href="//m.sbmmt.com/de/faq/417948.html">So verwenden Sie Hover in CSS</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="So legen Sie den Zeichenabstand in CSS fest" href="//m.sbmmt.com/de/faq/482889.html">So legen Sie den Zeichenabstand in CSS fest</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Was sind die neuen Funktionen von CSS3?" href="//m.sbmmt.com/de/faq/415878.html">Was sind die neuen Funktionen von CSS3?</a> </div> </li> </ul> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="wzrThree"> <div class="wzrthree-title"> <div>Beliebte Tutorials</div> <a target="_blank" href="//m.sbmmt.com/de/course.html">Mehr> </a> </div> <div class="wzrthreelist swiper2"> <div class="wzrthreeTab swiper-wrapper"> <div class="check tabdiv swiper-slide" data-id="one">Verwandte Tutorials <div></div></div> <div class="tabdiv swiper-slide" data-id="two">Beliebte Empfehlungen<div></div></div> <div class="tabdiv swiper-slide" data-id="three">Aktuelle Kurse<div></div></div> </div> <ul class="one"> <li> <a target="_blank" href="//m.sbmmt.com/de/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" href="//m.sbmmt.com/de/course/812.html">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a> <div class="wzrthreerb"> <div>1418699 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/de/course/74.html" title="php入门教程之一周学会PHP" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="php入门教程之一周学会PHP"/> </a> <div class="wzrthree-right"> <a target="_blank" title="php入门教程之一周学会PHP" href="//m.sbmmt.com/de/course/74.html">php入门教程之一周学会PHP</a> <div class="wzrthreerb"> <div>4260254 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="74"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/de/course/286.html" title="JAVA 初级入门视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 初级入门视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA 初级入门视频教程" href="//m.sbmmt.com/de/course/286.html">JAVA 初级入门视频教程</a> <div class="wzrthreerb"> <div>2496647 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/de/course/504.html" title="小甲鱼零基础入门学习Python视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="小甲鱼零基础入门学习Python视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="小甲鱼零基础入门学习Python视频教程" href="//m.sbmmt.com/de/course/504.html">小甲鱼零基础入门学习Python视频教程</a> <div class="wzrthreerb"> <div>504761 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/de/course/2.html" title="PHP 零基础入门教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="PHP 零基础入门教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP 零基础入门教程" href="//m.sbmmt.com/de/course/2.html">PHP 零基础入门教程</a> <div class="wzrthreerb"> <div>859748 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="2"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" href="//m.sbmmt.com/de/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" href="//m.sbmmt.com/de/course/812.html">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a> <div class="wzrthreerb"> <div >1418699 Lernzeiten</div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/de/course/286.html" title="JAVA 初级入门视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 初级入门视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA 初级入门视频教程" href="//m.sbmmt.com/de/course/286.html">JAVA 初级入门视频教程</a> <div class="wzrthreerb"> <div >2496647 Lernzeiten</div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/de/course/504.html" title="小甲鱼零基础入门学习Python视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="小甲鱼零基础入门学习Python视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="小甲鱼零基础入门学习Python视频教程" href="//m.sbmmt.com/de/course/504.html">小甲鱼零基础入门学习Python视频教程</a> <div class="wzrthreerb"> <div >504761 Lernzeiten</div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/de/course/901.html" title="Web前端开发极速入门" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Web前端开发极速入门"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Web前端开发极速入门" href="//m.sbmmt.com/de/course/901.html">Web前端开发极速入门</a> <div class="wzrthreerb"> <div >215474 Lernzeiten</div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/de/course/234.html" title="零基础精通 PS 视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="零基础精通 PS 视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="零基础精通 PS 视频教程" href="//m.sbmmt.com/de/course/234.html">零基础精通 PS 视频教程</a> <div class="wzrthreerb"> <div >881966 Lernzeiten</div> <div class="courseICollection" data-id="234"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="three" style="display: none;"> <li> <a target="_blank" href="//m.sbmmt.com/de/course/1648.html" title="【web前端】Node.js快速入门" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="【web前端】Node.js快速入门"/> </a> <div class="wzrthree-right"> <a target="_blank" title="【web前端】Node.js快速入门" href="//m.sbmmt.com/de/course/1648.html">【web前端】Node.js快速入门</a> <div class="wzrthreerb"> <div >6737 Lernzeiten</div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/de/course/1647.html" title="国外Web开发全栈课程全集" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="国外Web开发全栈课程全集"/> </a> <div class="wzrthree-right"> <a target="_blank" title="国外Web开发全栈课程全集" href="//m.sbmmt.com/de/course/1647.html">国外Web开发全栈课程全集</a> <div class="wzrthreerb"> <div >5249 Lernzeiten</div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/de/course/1646.html" title="Go语言实战之 GraphQL" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Go语言实战之 GraphQL"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Go语言实战之 GraphQL" href="//m.sbmmt.com/de/course/1646.html">Go语言实战之 GraphQL</a> <div class="wzrthreerb"> <div >4396 Lernzeiten</div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/de/course/1645.html" title="550W粉丝大佬手把手从零学JavaScript" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="550W粉丝大佬手把手从零学JavaScript"/> </a> <div class="wzrthree-right"> <a target="_blank" title="550W粉丝大佬手把手从零学JavaScript" href="//m.sbmmt.com/de/course/1645.html">550W粉丝大佬手把手从零学JavaScript</a> <div class="wzrthreerb"> <div >646 Lernzeiten</div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/de/course/1644.html" title="python大神Mosh，零基础小白6小时完全入门" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="python大神Mosh，零基础小白6小时完全入门"/> </a> <div class="wzrthree-right"> <a target="_blank" title="python大神Mosh，零基础小白6小时完全入门" href="//m.sbmmt.com/de/course/1644.html">python大神Mosh，零基础小白6小时完全入门</a> <div class="wzrthreerb"> <div >22356 Lernzeiten</div> <div class="courseICollection" data-id="1644"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper2', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrthreeTab>div').click(function(e){ $('.wzrthreeTab>div').removeClass('check') $(this).addClass('check') $('.wzrthreelist>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> <div class="wzrFour"> <div class="wzrfour-title"> <div>Neueste Downloads</div> <a href="//m.sbmmt.com/de/xiazai">Mehr> </a> </div> <script> $(document).ready(function(){ var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{ speed:1000, autoplay:{ delay:3500, disableOnInteraction: false, }, pagination:{ el:'.sjyx_banSwiperwz .swiper-pagination', clickable :false, }, loop:true }) }) </script> <div class="wzrfourList swiper3"> <div class="wzrfourlTab swiper-wrapper"> <div class="check swiper-slide" data-id="onef">Web-Effekte <div></div></div> <div class="swiper-slide" data-id="twof">Quellcode der Website<div></div></div> <div class="swiper-slide" data-id="threef">Website-Materialien<div></div></div> <div class="swiper-slide" data-id="fourf">Frontend-Vorlage<div></div></div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Kontaktcode für das jQuery-Enterprise-Nachrichtenformular" href="//m.sbmmt.com/de/toolset/js-special-effects/8071">[Formular-Schaltfläche] Kontaktcode für das jQuery-Enterprise-Nachrichtenformular</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Wiedergabeeffekte für HTML5-MP3-Spieluhren" href="//m.sbmmt.com/de/toolset/js-special-effects/8070">[Spezialeffekte für Spieler] Wiedergabeeffekte für HTML5-MP3-Spieluhren</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 coole Partikelanimations-Navigationsmenü-Spezialeffekte" href="//m.sbmmt.com/de/toolset/js-special-effects/8069">[Menünavigation] HTML5 coole Partikelanimations-Navigationsmenü-Spezialeffekte</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare" href="//m.sbmmt.com/de/toolset/js-special-effects/8068">[Formular-Schaltfläche] Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="VUE.JS imitiert den Kugou-Musik-Player-Code" href="//m.sbmmt.com/de/toolset/js-special-effects/8067">[Spezialeffekte für Spieler] VUE.JS imitiert den Kugou-Musik-Player-Code</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Klassisches HTML5-Pushing-Box-Spiel" href="//m.sbmmt.com/de/toolset/js-special-effects/8066">[HTML5-Spezialeffekte] Klassisches HTML5-Pushing-Box-Spiel</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery-Scrollen zum Hinzufügen oder Reduzieren von Bildeffekten" href="//m.sbmmt.com/de/toolset/js-special-effects/8065">[Bildspezialeffekte] jQuery-Scrollen zum Hinzufügen oder Reduzieren von Bildeffekten</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Persönlicher CSS3-Albumcover-Hover-Zoom-Effekt" href="//m.sbmmt.com/de/toolset/js-special-effects/8064">[Fotoalbumeffekte] Persönlicher CSS3-Albumcover-Hover-Zoom-Effekt</a> </div> </li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/de/toolset/website-source-code/8328" title="Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen" target="_blank">[Frontend-Vorlage] Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/de/toolset/website-source-code/8327" title="Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben" target="_blank">[Frontend-Vorlage] Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/de/toolset/website-source-code/8326" title="Web-Vorlage für kreativen Job-Lebenslauf für Designer" target="_blank">[Frontend-Vorlage] Web-Vorlage für kreativen Job-Lebenslauf für Designer</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/de/toolset/website-source-code/8325" title="Website-Vorlage eines modernen Ingenieurbauunternehmens" target="_blank">[Frontend-Vorlage] Website-Vorlage eines modernen Ingenieurbauunternehmens</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/de/toolset/website-source-code/8324" title="Responsive HTML5-Vorlage für Bildungseinrichtungen" target="_blank">[Frontend-Vorlage] Responsive HTML5-Vorlage für Bildungseinrichtungen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/de/toolset/website-source-code/8323" title="Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren" target="_blank">[Frontend-Vorlage] Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/de/toolset/website-source-code/8322" title="IT-Technologie löst Website-Vorlage für Internetunternehmen" target="_blank">[Frontend-Vorlage] IT-Technologie löst Website-Vorlage für Internetunternehmen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/de/toolset/website-source-code/8321" title="Website-Vorlage für Devisenhandelsdienste im violetten Stil" target="_blank">[Frontend-Vorlage] Website-Vorlage für Devisenhandelsdienste im violetten Stil</a> </div> </li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/de/toolset/website-materials/3078" target="_blank" title="可爱的夏天元素矢量素材(EPS+PNG)">[PNG material] 可爱的夏天元素矢量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/de/toolset/website-materials/3077" target="_blank" title="四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)">[PNG material] 四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/de/toolset/website-materials/3076" target="_blank" title="唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)">[Banner image] 唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/de/toolset/website-materials/3075" target="_blank" title="金色的毕业帽矢量素材(EPS+PNG)">[PNG material] 金色的毕业帽矢量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/de/toolset/website-materials/3074" target="_blank" title="黑白风格的山脉图标矢量素材(EPS+PNG)">[PNG material] 黑白风格的山脉图标矢量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/de/toolset/website-materials/3073" target="_blank" title="不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)">[PNG material] 不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/de/toolset/website-materials/3072" target="_blank" title="扁平风格的植树节banner矢量素材(AI+EPS)">[Banner image] 扁平风格的植树节banner矢量素材(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/de/toolset/website-materials/3071" target="_blank" title="九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG)">[PNG material] 九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG)</a> </div> </li> </ul> <ul class="fourf" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/de/toolset/website-source-code/8328" target="_blank" title="Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen">[Frontend-Vorlage] Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/de/toolset/website-source-code/8327" target="_blank" title="Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben">[Frontend-Vorlage] Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/de/toolset/website-source-code/8326" target="_blank" title="Web-Vorlage für kreativen Job-Lebenslauf für Designer">[Frontend-Vorlage] Web-Vorlage für kreativen Job-Lebenslauf für Designer</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/de/toolset/website-source-code/8325" target="_blank" title="Website-Vorlage eines modernen Ingenieurbauunternehmens">[Frontend-Vorlage] Website-Vorlage eines modernen Ingenieurbauunternehmens</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/de/toolset/website-source-code/8324" target="_blank" title="Responsive HTML5-Vorlage für Bildungseinrichtungen">[Frontend-Vorlage] Responsive HTML5-Vorlage für Bildungseinrichtungen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/de/toolset/website-source-code/8323" target="_blank" title="Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren">[Frontend-Vorlage] Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/de/toolset/website-source-code/8322" target="_blank" title="IT-Technologie löst Website-Vorlage für Internetunternehmen">[Frontend-Vorlage] IT-Technologie löst Website-Vorlage für Internetunternehmen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/de/toolset/website-source-code/8321" target="_blank" title="Website-Vorlage für Devisenhandelsdienste im violetten Stil">[Frontend-Vorlage] Website-Vorlage für Devisenhandelsdienste im violetten Stil</a> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper3', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrfourlTab>div').click(function(e){ $('.wzrfourlTab>div').removeClass('check') $(this).addClass('check') $('.wzrfourList>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> </div> </div> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！</p> </div> <div class="footermid"> <a href="//m.sbmmt.com/de/about/us.html">Über uns</a> <a href="//m.sbmmt.com/de/about/disclaimer.html">Haftungsausschluss</a> <a href="//m.sbmmt.com/de/update/article_0_1.html">Sitemap</a> </div> <div class="footerbottom"> <p> © php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1732101909"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all'/> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> </body> </html>