html 5 häufige Fragen im Vorstellungsgespräch

1. Gemeinsame Elemente auf Blockebene Inline-Element p – das am häufigsten verwendete Element auf Blockebene dl – Element auf Blockebene, das mit dem dt-dd-Formular verwendet wird – interaktives Formular h1 -h6- Titel hr – horizontale Trennlinie ol – Bestellt 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 – Bildeingabe – Eingabefeldbeschriftung – Formularbeschriftung span – häufig verwendeter Inline-Container zum Definieren von Textblöcken stark – fett Hervorhebung sub – tiefgestellt sup – hochgestellt textarea – mehrzeiliges Texteingabefeld u – Unterstreichungsauswahl – Projektauswahl 2. Mehrere Die Bedingungen für die Realisierung der drei Punkte des Textüberlaufs des Attributs sind nur: ob ein Auslassungszeichen angezeigt werden soll, wenn der Text überläuft, und keine andere Definition von Stilattributen erforderlich ist Auswirkung der Erzeugung einer Ellipse beim Überlauf:
1. Containerbreite: Breite: Wert (px, %, beide sind akzeptabel)
2. Obligatorischer Text Zeile: Leerzeichen : nowrap;
3. Überlaufinhalt wird ausgeblendet: Überlauf: Ausgeblendet; Es muss eine einzelne Textzeile sein, um den Überlauf dieses Artikels festzulegen! ! !

IE6+;
chr
ome1.0+ (Firefox, Opera werden noch nicht unterstützt)3 🎜>Um ein Element so einzustellen, dass es in einem Container vertikal zentriert wird, müssen Sie den Standardwert des Attributs
display
in inline-block
ändern und ein Geschwisterelement (Lineal) hinzufügen. style Auf
vertikal-align:middle;width:0;height
:100%;display:inline-block;) eingestellt. Drei Bedingungen: 1: Der Container (übergeordnetes Element) muss mit text-align
:center hinzugefügt werden;
2: Das aktuelle Element muss in ein Inline-Element konvertiert werden Blockelement (display:inline-block;) Fügen Sie dann Vertical-Align:Middle;
3 zum aktuellen Element hinzu: Fügen Sie das Geschwisterelement span nach dem aktuellen Element hinzu (ohne Wagenrücklauf); middle;width:0;height:100%;display:inline-block4. Ersatzelemente und Nicht-Ersatzelemente

Ersatzelemente und Nicht-Ersatzelemente

a) Ersatzelemente: 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-Attribute bestimmt, ob ein Eingabefeld oder ein
-Optionsfeld
usw. angezeigt wird. (x), , , <select> in HTML sind alles Ersatzelemente. Diese Elemente haben oft keinen eigentlichen Inhalt, das heißt, es handelt sich um leere Elemente. <br><br>Das Ersatzelement erzeugt in seiner Anzeige eine Box, weshalb einige Inline-Elemente (img, input) die Breite und Höhe festlegen können. <a href="http://www.php.cn/code/5979.html" target="_blank"></a>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. <br><br>5. Was ist eine Sprite-Map? Was sind die Vorteile? <br><br>Bildintegration, integrieren Sie kleine einzelne Hintergrundbilder in ein großes Hintergrundbild. <br><br>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. <br><br>6. Was ist das <br>CSS-Cascading-<br>-Stylesheet? <br>Priorität<br>Wie wird der Algorithmus berechnet? <a href="http://www.php.cn/code/5005.html" target="_blank"></a>a. Die Prioritätsreihenfolge von Wichtigkeit und Quelle von niedrig nach hoch ist: <a href="http://www.php.cn/code/6066.html" target="_blank">1) Browser-Standardstil </a>2) <br>Klasse<br>/id.... Selektorgewicht <br>3) Inline-Stil <br>4) Inline oder extern (Schreibreihenfolge) <a href="http://www.php.cn/wiki/164.html" target="_blank">5) !wichtig am höchsten </a><br><br>7. Der Unterschied zwischen display:none und <a href="http://www.php.cn/wiki/929.html" target="_blank">visibility</a>:hidden<br><br>Ersteres: versteckt, nimmt aber keinen Platz ein; letzteres: versteckt, nimmt aber Platz ein<br><br>8 . <a href="http://www.php.cn/code/6337.html" target="_blank">Float löschen</a><br>Hack1: Deklaration overflow:hidden zum übergeordneten Element hinzufügen;<br><br>Hack2: Höhe zum übergeordneten Element hinzufügen<br><br>hack3: Fügen Sie Leerzeichen unter dem schwebenden Element p hinzu und fügen Sie die Deklaration zum Element hinzu: p{<br>clear<a href="http://www.php.cn/wiki/917.html" target="_blank">:both height:0; overflow:hidden;}</a><br>hack4: universal clear float-Methode p<br>:after<a href="http://www.php.cn/wiki/978.html" target="_blank">{content:“;clear:both;display:block;height:0;overflow:hidden; sichtbarkeit:hidden;}</a><br>9 <br>vererbt<a href="http://www.php.cn/code/6064.html" target="_blank"> sein? </a><br>1) Textbezogen: <br>Schriftfamilie<a href="http://www.php.cn/wiki/804.html" target="_blank">, </a>Schriftgröße<a href="http://www.php.cn/wiki/807.html" target="_blank">, </a>Schriftstil<a href="http://www.php.cn/wiki/826.html" target="_blank">, </a>Schriftvariante<a href="http://www.php.cn/wiki/862.html" target="_blank"> , </a>Schriftstärke<a href="http://www.php.cn/wiki/858.html" target="_blank">, Schriftart, </a>Buchstabenabstand<a href="http://www.php.cn/wiki/865.html" target="_blank">, </a>Zeilenhöhe<a href="http://www.php.cn/wiki/864.html" target="_blank">, Textausrichtung, </a>Texteinzug<a href="http://www.php.cn/wiki/867.html" target="_blank">, </a> text-transform<a href="http://www.php.cn/wiki/863.html" target="_blank">, </a>word-spacing<a href="http://www.php.cn/wiki/866.html" target="_blank"></a>2) Listenbezogen: <br>list-style<a href="http://www.php.cn/wiki/954.html" target="_blank">-image, </a>list-style-position<a href="http://www.php.cn/wiki/955.html" target="_blank">, </a>list-style-type<a href="http://www.php.cn/wiki/956.html" target="_blank">, list-style</a>3) Farbbezogen: Farbe<br>4) Transparenz (untergeordnete Elemente erben die Deckkraft des Vorgängerelements, können aber nicht geändert werden)<br>Hinweis: Schriftgröße Was geerbt wird, ist 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. <br><br>10. Positionierungsmethode <br><br>Positionsattributwert: <br>statisch<a href="http://www.php.cn/wiki/188.html" target="_blank">, relativ, absolut, fest</a>1) statisch<br>statisch ist der Standardwert und der Das Element befindet sich im Dokumentenfluss und wird normal angezeigt, wobei die Attribute <br>oben<a href="http://www.php.cn/wiki/904.html" target="_blank">, </a>unten<a href="http://www.php.cn/wiki/906.html" target="_blank">, </a>links<a href="http://www.php.cn/wiki/907.html" target="_blank"> und </a>rechts<a href="http://www.php.cn/wiki/905.html" target="_blank"> ignoriert werden Element. Das Attribut </a>z-index<a href="http://www.php.cn/wiki/903.html" target="_blank"> ist immer 0.</a>2) relative<br> relative Positionierung, wobei die Position und Größe des Elements im Dokumentenfluss beibehalten wird, bestimmt durch die Links/Rechts/Oben/ untere Attribute Relative Bewegungsdistanz, die ursprüngliche Position bleibt erhalten<br>3) absolute<br><br>Absolute Positionierung<a href="http://www.php.cn/code/6074.html" target="_blank">, trennen Sie das </a>Objekt<a href="http://www.php.cn/wiki/60.html" target="_blank"> vom Dokumentfluss, verwenden Sie links/rechts/oben/ unten Die anderen Attribute werden absolut relativ zum nächstgelegenen übergeordneten Element mit Positionierungseinstellungen positioniert. Wenn nicht, basiert es auf dem Körperobjekt Ecke des Fensters. Folgt dem Scrollen des Dokuments nicht. 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. </a><br>11. Was ist der Unterschied zwischen Link und @import? <br><br>1. Der Unterschied zwischen den Vorfahren. Link gehört zum X<br>HTML-Tag<br> und @import ist vollständig eine von CSS bereitgestellte Methode. <br><a href="http://www.php.cn/code/427.html" target="_blank">2. Zusätzlich zum Laden von CSS kann das Link-Tag auch viele andere Dinge tun, z. B. </a>RSS<br> definieren, rel-Verbindungsattribute definieren usw. @import kann nur CSS laden<br><a href="http://www.php.cn/wiki/1541.html" target="_blank">3. Der Unterschied in der Ladereihenfolge. Wenn eine Seite geladen wird (d. h. wenn sie von einem Betrachter angezeigt wird), wird gleichzeitig das durch Link</a><br> 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) <br><a href="http://www.php.cn/wiki/231.html" target="_blank"> 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 </a><br> 5. Der Unterschied bei der Verwendung von dom um den Stil zu kontrollieren. Wenn <br> Javascript <br> verwendet, um den Dom zu steuern und den Stil zu ändern, können Sie nur das Link-Tag verwenden, da @import nicht vom Dom <br><a href="http://www.php.cn/code/7565.html" target="_blank"></a> gesteuert werden kann12. Was sind die Attributwerte der Positionierung? Lohnt sich jeder? <br><br>Die Funktion jedes Attributwerts: <br><br>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). <br><br>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) <br><br>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] <br><br>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. <br>15 neue Tags hinzugefügt für <br><a href="http://www.php.cn/php/php-tp-append.html" target="_blank"></a><br>Head<br>er Nav Footer <a href="http://www.php.cn/html/html-HEAD-2.html" target="_blank">Main</a> Aside Article Section Figure Datalist Video Audio Fieldest Legend Label Caption<a href="http://www.php.cn/wiki/646.html" target="_blank"> </a> 1. Was ist BFC? margin<br>Overlap (in zwei BFCs eingefügt) <br>3. Root-Element, <br>float<br>-Attribut ist nicht none, Position ist absolut oder fest, Anzeige ist Inline-Block, Table-Cell, Table-Caption , Flex, Inline-Flex, Overflow sind nicht sichtbar<br><a href="http://www.php.cn/wiki/931.html" target="_blank"></a>15. Der Unterschied zwischen .px, em, rem, pt<br><a href="http://www.php.cn/wiki/919.html" target="_blank">1) px ist eigentlich ein Pixel, verwenden Sie px Legen Sie die Schriftart fest. Wenn die Größe groß ist, ist sie relativ stabil und genau </a> Bei dieser Methode tritt jedoch ein Problem auf. Wenn der Benutzer die von uns im Browser erstellte Webseite durchsucht, wird unser Web <br> Seitenlayout <br> ist fehlerhaft. Daher wurde vorgeschlagen, „em“ zu verwenden, um die Schriftart der Webseite zu definieren. <br>2) em skaliert die Schriftgröße basierend auf der Grundlinie. <br>em legt die Schriftgröße relativ zu seinem übergeordneten Element fest. Um ein Element festzulegen, müssen Sie möglicherweise dessen übergeordnetes Element kennen Größe <br>3) rem wird relativ zur Schriftgröße des Wurzelelements angezeigt <br>rem ist relativ zum Wurzelelement <html>, was bedeutet, dass wir nur einen Referenzwert im Wurzelelement 4) Die Größe von pt entspricht 1/72 von 1 Zoll<a href="http://www.php.cn/code/7955.html" target="_blank">Punkt: Dies ist eine Maßeinheit für Text</a>Diese Messmethode stammt aus dem Druckdesign-Hintergrund und eignet sich am besten für Medien, aber Es ist auch ein weit verbreiteter Monitor<br><br>16. Welche Methoden gibt es, um eine vertikale + horizontale Zentrierung zu erreichen? <br><br>1. p{width:200px;height:200px;<br>Hintergrund<br>:#f00;position:fixed;left:0;right:0;top:0;bottom:0;margin :auto;}<br><br>2. p{width:200px;height:200px;background:#f00;position:fixed;left:50%;top:50%;margin:-100px 0 0 -100px; }<br><br>17. Progressive Verbesserung und elegante Degradierung<br><a href="http://www.php.cn/wiki/892.html" target="_blank">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. </a><br>Anmutige Verschlechterung: Erstellen Sie von Anfang an vollständige Funktionen und machen Sie sie dann mit Browsern niedrigerer Versionen kompatibel<br><br><br>18 Was sind die CSS-Selektoren? <br><br>1) Wildcard-Selektor *<br>2) Typselektor/Elementselektor a<br>3) Attributselektor input[type="button"]4) Enthält Selektor p .code a<br>5) Unterobjektauswahl                                                                                                                                                      Selektoren li+li<br> <br>19. Der Unterschied zwischen Animation und Übergang <br>Derselbe Punkt: Beide ändern den Attributwert des Elements im Laufe der Zeit. <br><br>Der Unterschied: Der Übergang muss ein <a href="http://www.php.cn/php/php-tp-incident.html" target="_blank">Ereignis </a> (Hover-Ereignis oder Klick-Ereignis usw.) auslösen, bevor er seine <br><br>CSS-Eigenschaften im Laufe der Zeit ändern kann; Animationen können auch ohne Auslösen von Ereignissen verwendet werden . Ändern Sie den CSS-Attributwert des Elements im Laufe der Zeit explizit, um einen <a href="http://www.php.cn/code/9595.html" target="_blank">Animationseffekt</a> zu erzielen. CSS3-Animation erfordert klare Animationsattributwerte. <br><br>20. Was sind das Standard-<a href="http://www.php.cn/code/6444.html" target="_blank">Box-Modell</a> und das seltsame Box-Modell? Der Unterschied zwischen den beiden, wie man das seltsame Box-Modell implementiert, und das Standard- und Modell-<br><br> Standard-Box-Modell: Inhalt+Rahmen+<a href="http://www.php.cn/wiki/948.html" target="_blank">Padding</a>                         Bei der Berechnung der Breite der Box fügen Sie Rand und hinzu padding und das andere fügt nicht hinzu <br><br>Seltsame Box-Modell-Implementierung: box-sizing:border-box<br>Standard-Box-Modell: box-sizing:content-box<br> <br><br>21 . So zentrieren Sie ein Element nach oben, unten, links und rechts innerhalb des übergeordneten Elements <br><br>1.<br>css: <br>.box{display:flex;width:800px;height:<br> 300<br>px;just<br>if<a href="http://www.php.cn/code/4221.html" target="_blank">y-content:center}</a>.box p{align-self:center}<a href="http://www.php.cn/wiki/109.html" target="_blank"></a>html:<br><p class= " box"> 800px;height:800px;justify-content:center;align-items:center;}<br/>html:<br/><p class="box"><br>  <p></ p><br></p><br><br>22. Was sind die am häufigsten verwendeten Formate für Video und Audio <br> für <br>Video<br>: video/ogg video/mp4 video/webm für <br>Audio<br>: audio/ogg audio/mpeg<br><br>23. Erklären Sie kurz die Attribute und Attributwerte des <br>flexiblen Boxmodells<br> (schreiben Sie mindestens 6 Attribute) <br><a href="http://www.php.cn/code/6707.html" target="_blank">display:flex;</a>flex-<a href="http://www.php.cn/code/6093.html" target="_blank">direction</a>:<br>justify-content:<br>align-items:<a href="http://www.php.cn/code/10723.html" target="_blank">align-self:</a>align-content :<br>flex -wrap:<br><br>23. Stellen Sie kurz die Verwendung von linearem Farbverlauf, radialem Farbverlauf und wiederholtem Farbverlauf vor<a href="http://www.php.cn/wiki/873.html" target="_blank"></a>Linearer Farbverlauf: linear-gradient()<br>Radialer Farbverlauf: radial -gradient ()<br> Wiederholter linearer Gradient: Repeating-linear-Gradient()<br> Wiederholter radialer Gradient: Repeating-Radial-Gradient()<br><br> 24. Stellen Sie kurz die Verwendung von Animationen vor<br><br>Animation besteht aus zwei Teilen: Animation: Animationsname Animationsausführungszeit Animationstyp Animationsverzögerungszeit Animationswiederholungsnummer Animationsrichtung @<br>Taste<br>Frames Animationsname<br><br> 25. Die Hauptattribute von CSS3D Und Attributwert <br> 1. Schärfentiefe: perspactive:number; Wenn Sie möchten, dass das Objekt größer angezeigt wird, stellen Sie den Wert kleiner ein. Wenn Sie das Objekt kleiner sehen möchten, stellen Sie den Wert größer ein <br> <br>2. 3D-Stufe: transform-style:preserve-3d;<br><br>3. TranslateZ()RotateZ()ScaleZ()<a href="http://www.php.cn/wiki/1051.html" target="_blank"></a>26 transform:translate() rotate() skew() scale()<br>transform-origin:<br><br>27. Stellen Sie kurz die Attribute und Attributwerte der Übergangsanimation vor<br><br>transition :Attribute Name (Sie können <br>alle<br> verwenden) Animationsausführungszeit Art der Animation Verzögerungszeit der Animation <br><br>28 Neues <br>Hintergrundattribut in CSS3 <br><br><br><br>background-origin<br>: Hintergrundursprung<br><a href="http://www.php.cn/wiki/1483.html" target="_blank">background-clip</a>: Hintergrundausschnitt<br><br>background-size<a href="http://www.php.cn/code/6021.html" target="_blank">:</a>Hintergrundbild<br>Die Größe<br>Im Folgenden sind die drei Werte der Hintergrundgröße aufgeführt. <a href="http://www.php.cn/code/865.html" target="_blank"></a>Länge<br> gibt die Größe des Hintergrundbilds an. Der erste Wert ist die Breite, der zweite Wert ist die Höhe. <a href="http://www.php.cn/code/868.html" target="_blank"></a>Prozentsatz (%)<br>Stellen Sie die Hintergrundbildgröße als Prozentsatz ein<a href="http://www.php.cn/code/872.html" target="_blank"></a>Abdeckung<a href="http://www.php.cn/code/8294.html" target="_blank">Erweitern Sie das Hintergrundbild auf eine ausreichend große Größe, sodass das Hintergrundbild den Hintergrundbereich vollständig abdeckt </a> <br><br><br>29. Schreiben Sie die Kerne der fünf wichtigsten Browser und ihre repräsentativen Werke <br><br>*Trident: IE, Maxthon, Tencent, Theworld, 360 Browser <br><br>*Gecko:: Das Originalwerk Mozilla Firefox ist Open Source <br><br>*Webkit: Das Originalwerk Safari und Chrome sind ein Open-Source-Projekt. <br><br>*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. <br><br>*Blink: Browser-Layout-Engine, entwickelt von Google und Opera Software, veröffentlicht im April 2013. <br><br>30. Notieren Sie mehrere häufige Fehler und Lösungen in IE6 (mindestens 4) <br><br>1) Das Bild hat einen Randfehler. Lösung: Fügen Sie border:0; oder border:0 zum Bild hinzu keine;<br><br>2. Double Float (doppelter Rand) Lösung: display: inline<br><br>3. Standardhöhe (IE6, IE7) Lösung: Deklaration zum Element hinzufügen: Font-Size :0; 2: Fügen Sie dem Element eine Anweisung hinzu: overflow:hidden;<br><br>4. Die Standardgrößen der Schaltflächenelemente sind unterschiedlich. Option: Verwenden Sie einen Tag, um den <br>-Filter des IE zu simulieren <br>Was sind welche? <a href="http://www.php.cn/code/120.html" target="_blank"></a>1. _ Unterstreichungsattributfilter <br>2: IE-Versionserkennung; Syntax: Selektor {Attribut: Attributwert 9;🎜>3.</article><p>Das obige ist der detaillierte Inhalt vonhtml 5 häufige Fragen im Vorstellungsgespräch. 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="https://www.php.cn/de/search?word=htmlcss" target="_blank">Html/css</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">Quelle：php.cn</div> </div> <div class="wzconOtherwz"> <a href="https://www.php.cn/de/faq/359949.html" title="CSS-Schreibmethode für mehrzeilige Ellipsenkompatibilität"> <span>Vorheriger Artikel：CSS-Schreibmethode für mehrzeilige Ellipsenkompatibilität</span> </a> <a href="https://www.php.cn/de/faq/359951.html" title="Beste Schriftgrößeneinstellungen für Mobilgeräte"> <span>Nächster Artikel：Beste Schriftgrößeneinstellungen für Mobilgeräte</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> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <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="https://www.php.cn/de/faq/1796629438.html">Die Schlüssel zum Codieren: Die Leistungsfähigkeit von C für Anfänger freischalten</a> </div> <div>2024-10-13 11:44:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/1796629203.html">Verbinden Sie Ihre Website mit PHP und MySQL mit Datenbanken</a> </div> <div>2024-10-13 09:56:31</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/1796627843.html">Problemlösung mit Python: Erschließen Sie leistungsstarke Lösungen als Programmieranfänger</a> </div> <div>2024-10-11 20:58:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/1796627712.html">Python Power, vereinfacht: Ein anfängerfreundlicher Ansatz zur Programmierung</a> </div> <div>2024-10-11 16:53:11</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/1796627515.html">PHP und Social Media: Integrieren Sie Ihre Website mit der Welt</a> </div> <div>2024-10-11 11:54:51</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/1796627348.html">Dynamische Bildgalerien mit PHP: Präsentieren Sie Ihre Arbeit online</a> </div> <div>2024-10-10 16:21:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/1796627317.html">Erstellen Sie APIs und Webdienste mit PHP</a> </div> <div>2024-10-10 15:18:02</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/1796627273.html">Java entmystifizieren: Ein klarer und einfacher Weg für neue Programmierer</a> </div> <div>2024-10-10 13:34:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/1796627270.html">Erstellen Sie Spiele und Grafiken mit C: Eine unterhaltsame und praktische Einführung</a> </div> <div>2024-10-10 13:26:26</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/1796627154.html">Wie spielt man Cheng Yaojin in Glory of Kings?</a> </div> <div>2024-10-10 11:38:42</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="https://www.php.cn/de/wenda/176405.html" target="_blank" title="Wo gibt es die Kursunterlagen zum CSS-Mindmapping?" class="wdcdcTitle">Wo gibt es die Kursunterlagen zum CSS-Mindmapping?</a> <a href="https://www.php.cn/de/wenda/176405.html" class="wdcdcCons">Kursunterlagen</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-16 10:10:18</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>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>1335</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/de/wenda/176403.html" target="_blank" title="Automatische PX-Konvertierung in REM-Fehler" class="wdcdcTitle">Automatische PX-Konvertierung in REM-Fehler</a> <a href="https://www.php.cn/de/wenda/176403.html" class="wdcdcCons"> <style>html {  font-size: calc(100vw / 3.75);      }body {    Schriftgröße: 0,16rem...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-16 09:34:16</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>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>4687</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/de/wenda/176396.html" target="_blank" title="Die Seite kann plötzlich weder CSS noch Bootstrap abrufen" class="wdcdcTitle">Die Seite kann plötzlich weder CSS noch Bootstrap abrufen</a> <a href="https://www.php.cn/de/wenda/176396.html" class="wdcdcCons">Ich entwickle also eine Seite, einen Teil davon habe ich gestern gemacht und es hat großar...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-06 21:58:04</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>800</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/de/wenda/176389.html" target="_blank" title="Ändern Sie Inline-CSS-Stile in Javafx dynamisch" class="wdcdcTitle">Ändern Sie Inline-CSS-Stile in Javafx dynamisch</a> <a href="https://www.php.cn/de/wenda/176389.html" class="wdcdcCons">Ich versuche, das Hintergrundbild eines Bereichs zu ändern, wenn die Anwendung maximiert i...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-06 20:57:16</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>487</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/de/wenda/176388.html" target="_blank" title="Wie kann man schwebende Elemente in CSS vertikal statt horizontal stapeln lassen?" class="wdcdcTitle">Wie kann man schwebende Elemente in CSS vertikal statt horizontal stapeln lassen?</a> <a href="https://www.php.cn/de/wenda/176388.html" class="wdcdcCons">Ich versuche, eine Webseite mit zwei Spalten zu erstellen, mit Hauptinhalt auf der einen S...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-06 20:45: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>2</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>386</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="https://www.php.cn/de/faq/zt" target="_blank">Mehr> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/zbdpsrpcdll"><img src="https://img.php.cn/upload/subject/202407/22/2024072213324512097.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="psrpc.dll keine Lösung gefunden" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/zbdpsrpcdll" class="title-a-spanl" title="psrpc.dll keine Lösung gefunden"><span>psrpc.dll keine Lösung gefunden</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/lswjgmsbzmb"><img src="https://img.php.cn/upload/subject/202407/22/2024072213405460952.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Was tun, wenn die temporäre Dateiumbenennung fehlschlägt?" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/lswjgmsbzmb" class="title-a-spanl" title="Was tun, wenn die temporäre Dateiumbenennung fehlschlägt?"><span>Was tun, wenn die temporäre Dateiumbenennung fehlschlägt?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/pythonzinths"><img src="https://img.php.cn/upload/subject/202407/22/2024072212185833891.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Die Rolle der Funktion int() in Python" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/pythonzinths" class="title-a-spanl" title="Die Rolle der Funktion int() in Python"><span>Die Rolle der Funktion int() in Python</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/vgajkdzy"><img src="https://img.php.cn/upload/subject/202407/22/2024072211495590387.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Die Rolle der VGA-Schnittstelle" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/vgajkdzy" class="title-a-spanl" title="Die Rolle der VGA-Schnittstelle"><span>Die Rolle der VGA-Schnittstelle</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/powerdesigner"><img src="https://img.php.cn/upload/subject/202407/22/2024072213362559163.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="So exportieren Sie Word aus Powerdesigner" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/powerdesigner" class="title-a-spanl" title="So exportieren Sie Word aus Powerdesigner"><span>So exportieren Sie Word aus Powerdesigner</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/javascriptzdq"><img src="https://img.php.cn/upload/subject/202407/22/2024072212152790047.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="So lesen Sie Makrosteuerdaten in Javascript" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/javascriptzdq" class="title-a-spanl" title="So lesen Sie Makrosteuerdaten in Javascript"><span>So lesen Sie Makrosteuerdaten in Javascript</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/kafkaxfzdzyss"><img src="https://img.php.cn/upload/subject/202407/22/2024072213280666357.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Welche Rolle spielt die Kafka-Verbrauchergruppe?" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/kafkaxfzdzyss" class="title-a-spanl" title="Welche Rolle spielt die Kafka-Verbrauchergruppe?"><span>Welche Rolle spielt die Kafka-Verbrauchergruppe?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/errconnectio"><img src="https://img.php.cn/upload/subject/202407/22/2024072213343552854.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="So lösen Sie err_connection_reset" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/errconnectio" class="title-a-spanl" title="So lösen Sie err_connection_reset"><span>So lösen Sie err_connection_reset</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <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="Was bedeutet URL?" href="https://www.php.cn/de/faq/418772.html">Was bedeutet URL?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Was bedeutet DOM?" href="https://www.php.cn/de/faq/414303.html">Was bedeutet DOM?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="So ändern Sie die Bildgröße" href="https://www.php.cn/de/faq/414252.html">So ändern Sie die Bildgröße</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="So machen Sie die Schriftart in HTML fett" href="https://www.php.cn/de/faq/414520.html">So machen Sie die Schriftart in HTML fett</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="So legen Sie die Größe von HTML-Bildern fest" href="https://www.php.cn/de/faq/475145.html">So legen Sie die Größe von HTML-Bildern fest</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="https://www.php.cn/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="https://www.php.cn/de/course/812.html" title="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)" href="https://www.php.cn/de/course/812.html">Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)</a> <div class="wzrthreerb"> <div>1426572 <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="https://www.php.cn/de/course/74.html" title="PHP-Einführungs-Tutorial eins: Lernen Sie PHP in einer Woche" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="PHP-Einführungs-Tutorial eins: Lernen Sie PHP in einer Woche"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP-Einführungs-Tutorial eins: Lernen Sie PHP in einer Woche" href="https://www.php.cn/de/course/74.html">PHP-Einführungs-Tutorial eins: Lernen Sie PHP in einer Woche</a> <div class="wzrthreerb"> <div>4274988 <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="https://www.php.cn/de/course/286.html" title="JAVA-Video-Tutorial für Anfänger" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA-Video-Tutorial für Anfänger"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA-Video-Tutorial für Anfänger" href="https://www.php.cn/de/course/286.html">JAVA-Video-Tutorial für Anfänger</a> <div class="wzrthreerb"> <div>2566826 <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="https://www.php.cn/de/course/504.html" title="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python" href="https://www.php.cn/de/course/504.html">Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python</a> <div class="wzrthreerb"> <div>509277 <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="https://www.php.cn/de/course/2.html" title="PHP Zero-basiertes Einführungs-Tutorial" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="PHP Zero-basiertes Einführungs-Tutorial"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP Zero-basiertes Einführungs-Tutorial" href="https://www.php.cn/de/course/2.html">PHP Zero-basiertes Einführungs-Tutorial</a> <div class="wzrthreerb"> <div>865553 <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="https://www.php.cn/de/course/812.html" title="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)" href="https://www.php.cn/de/course/812.html">Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)</a> <div class="wzrthreerb"> <div >1426572 Lernzeiten</div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/286.html" title="JAVA-Video-Tutorial für Anfänger" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA-Video-Tutorial für Anfänger"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA-Video-Tutorial für Anfänger" href="https://www.php.cn/de/course/286.html">JAVA-Video-Tutorial für Anfänger</a> <div class="wzrthreerb"> <div >2566826 Lernzeiten</div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/504.html" title="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python" href="https://www.php.cn/de/course/504.html">Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python</a> <div class="wzrthreerb"> <div >509277 Lernzeiten</div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/901.html" title="Kurze Einführung in die Web-Frontend-Entwicklung" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Kurze Einführung in die Web-Frontend-Entwicklung"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Kurze Einführung in die Web-Frontend-Entwicklung" href="https://www.php.cn/de/course/901.html">Kurze Einführung in die Web-Frontend-Entwicklung</a> <div class="wzrthreerb"> <div >216176 Lernzeiten</div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/234.html" title="Meistern Sie PS-Video-Tutorials von Grund auf" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="Meistern Sie PS-Video-Tutorials von Grund auf"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Meistern Sie PS-Video-Tutorials von Grund auf" href="https://www.php.cn/de/course/234.html">Meistern Sie PS-Video-Tutorials von Grund auf</a> <div class="wzrthreerb"> <div >897342 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="https://www.php.cn/de/course/1648.html" title="[Web-Frontend] Node.js-Schnellstart" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[Web-Frontend] Node.js-Schnellstart"/> </a> <div class="wzrthree-right"> <a target="_blank" title="[Web-Frontend] Node.js-Schnellstart" href="https://www.php.cn/de/course/1648.html">[Web-Frontend] Node.js-Schnellstart</a> <div class="wzrthreerb"> <div >8050 Lernzeiten</div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/1647.html" title="Vollständige Sammlung ausländischer Full-Stack-Kurse zur Webentwicklung" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="Vollständige Sammlung ausländischer Full-Stack-Kurse zur Webentwicklung"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Vollständige Sammlung ausländischer Full-Stack-Kurse zur Webentwicklung" href="https://www.php.cn/de/course/1647.html">Vollständige Sammlung ausländischer Full-Stack-Kurse zur Webentwicklung</a> <div class="wzrthreerb"> <div >6399 Lernzeiten</div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/1646.html" title="Gehen Sie zur praktischen Anwendung von GraphQL" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Gehen Sie zur praktischen Anwendung von GraphQL"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Gehen Sie zur praktischen Anwendung von GraphQL" href="https://www.php.cn/de/course/1646.html">Gehen Sie zur praktischen Anwendung von GraphQL</a> <div class="wzrthreerb"> <div >5305 Lernzeiten</div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/1645.html" title="Der 550-W-Lüftermeister lernt Schritt für Schritt JavaScript von Grund auf" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="Der 550-W-Lüftermeister lernt Schritt für Schritt JavaScript von Grund auf"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Der 550-W-Lüftermeister lernt Schritt für Schritt JavaScript von Grund auf" href="https://www.php.cn/de/course/1645.html">Der 550-W-Lüftermeister lernt Schritt für Schritt JavaScript von Grund auf</a> <div class="wzrthreerb"> <div >730 Lernzeiten</div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/1644.html" title="Python-Meister Mosh, ein Anfänger ohne Grundkenntnisse, kann in 6 Stunden loslegen" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="Python-Meister Mosh, ein Anfänger ohne Grundkenntnisse, kann in 6 Stunden loslegen"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Python-Meister Mosh, ein Anfänger ohne Grundkenntnisse, kann in 6 Stunden loslegen" href="https://www.php.cn/de/course/1644.html">Python-Meister Mosh, ein Anfänger ohne Grundkenntnisse, kann in 6 Stunden loslegen</a> <div class="wzrthreerb"> <div >26753 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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/de/about/us.html">Über uns</a> <a href="https://www.php.cn/de/about/disclaimer.html">Haftungsausschluss</a> <a href="https://www.php.cn/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?1735981134"></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> <!-- Matomo --> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '9']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <!-- End Matomo Code --> </body> </html>