Umfassende Liste häufig verwendeter DIV-Attribute, organisiert von Ihnen selbst_HTML/Xhtml

1. Attributliste

Kopieren Sie den Code

Der Code lautet wie folgt:

Farbe: #999999 Textfarbe
Schriftfamilie: Song-Stil-Schriftart
Schriftgröße: 10pt Textgröße
Schriftstil:itelic Text kursiv Stil
Schriftvariante:klein -caps small Schriftart
letter-spacing: 1pt Textabstand
line-height: 200 % Zeilenhöhe festlegen
font-weight:bold Text fett
vertical-align:sub Subscript
vertikal - align:super Superscript
text-decoration:line-through ?h hinzufügen, um Zeile zu teilen
text-decoration:overline Obere Zeile hinzufügen
text-decoration:underline Unterstrich hinzufügen
text-decoration: none ? hAußer beim Verbinden der unteren Zeile
text-transform: captialize Das erste Wort wird groß geschrieben
text-transform: Englische Großschreibung in Großbuchstaben
text-transform: Englische Kleinschreibung
text-align:right Text * rechts -aligned
text-align:linker Text*linke Ausrichtung
text-align:zentrierter Text, zentrierte Ausrichtung
Dies sind einige einfache Texteffekte, die auf CSS-Seiten angewendet werden können.
Hintergrund
Hintergrundfarbe: schwarz Hintergrundfarbe
Hintergrundbild: url(image/bg.gif) Hintergrundbild
Hintergrundanhang: fester fester Hintergrund
Hintergrundwiederholung: wiederholen Wiederholen Anordnung – Webseiten-Standard
Hintergrundwiederholung: keine Wiederholung, keine Wiederholung der Anordnung
Hintergrundwiederholung: Wiederholung-x wiederholt die Anordnung auf der x-Achse
Hintergrundwiederholung: Wiederholung-y wiederholt die Anordnung auf die y-Achse
Hintergrundposition: 90 % 90 % Die Position der x- und y-Achse des Hintergrundbilds
Link
A Alle Hyperlinks
A:link Hyperlink-Textformat
A :besucht Textformat des durchsuchten Links
A:aktiv Drücken Sie auf das Verbindungsformat
A:schweben Sie mit der Maus auf die Verbindung
Rand
Rand oben: 1 Pixel durchgehender schwarzer oberer Rahmen
Rand unten : 1 Pixel durchgehender #6699cc unterer Rahmen
Rand links: 1 Pixel durchgehender #6699cc linker Rand
Rand rechts: 1 Pixel durchgehender #6699cc rechter Rand
Rand: 1 Pixel durchgehender #6699cc vier Ränder
gestrichelte Linie

<br>Durchgezogene Linie<br><TEXTAREA STYLE="border:1px solid pink"> Dasselbe wie die Zeilenhöhe des Textes, d. h. line- Es reicht aus, dass die Werte von height und height gleich sind. Geben Sie dem div schließlich einen Überlauf: versteckt, um den überschüssigen Teil auszublenden. <br><br>
</div>
<br> 2. Gemeinsame Attribute <strong> </strong> <br><br><div class="msgheader">
<div class="right">
<span style="CURSOR: pointer" onclick="copycode(getid('phpcode95'));">Code kopieren<u></u></span>Der Code lautet wie folgt:</div>
<div class="msgborder" id="phpcode95"> <br>1. Höhe: Legen Sie die Höhe des DIV fest. Breite: Legen Sie die Breite des DIV fest. <br>2. Rand: Wird verwendet, um den erweiterten Rand von DIV festzulegen, der den Abstand zum übergeordneten Container darstellt. Rand: gefolgt von vier Abständen, die die Abstände vom oberen, rechten, unteren und linken Rand des übergeordneten Containers sind: [oben][rechts][unten][links] <br> kann separat eingestellt werden: margin-left : bis Der Abstand zum linken Rand des übergeordneten Containers; Rand-oben: der Abstand zum oberen Rand des übergeordneten Containers; der untere Rand des übergeordneten Containers. <br>3. Polsterung: Wird verwendet, um den inneren Rand von DIV festzulegen (den Abstand zwischen dem inneren Unterelement und der DIV-Grenze). Polsterung: gefolgt von vier Abständen, die die Abstände vom oberen, rechten, unteren und linken Rand des übergeordneten Containers sind: [oben][rechts][unten][links]: Es ist zu beachten, dass der Abstand durch festgelegt wird Padding ist nicht in seiner eigenen Breite und Höhe enthalten (in IE7 und FF). Wenn beispielsweise die Breite eines DIV auf 100 Pixel und Padding-Left auf 50 Pixel festgelegt ist, ist das DIV in diesem Fall 150 Pixel breit auf der Seite angezeigt. <br>4. Rahmen: Legen Sie den Rahmenstil der DIV-Anzeige fest: Legen Sie das Anzeigeattribut fest. Zu seinen Werten gehören „block“ und „none“: Legen Sie die Flussrichtung von DIV auf der Seite fest. Zu seinen Werten gehören „left“ (links angezeigt), „right“ (rechts angezeigt) und „none“ (Hintergrund). Legen Sie den Hintergrundstil des DIV fest. Nach dem Hintergrund können Sie der Hintergrundfarbe, dem Hintergrundbild, der Kachelmethode und anderen Stilen direkt folgen. Es kann auch separat über die folgenden Eigenschaften festgelegt werden. <br>Hintergrundfarbe: Legen Sie die Hintergrundfarbe fest; Hintergrundanhang: Die Anhangsmethode des Hintergrundbilds, seine Werte sind scrollen und fest; Hintergrundbild: Geben Sie das vorhandene Hintergrundbild an Kachelmethode des Hintergrundbilds. Zu seinen Werten gehören „no-repeat“ (nicht gekachelt), „repeat“ (in zwei Richtungen gekachelt), „repeat-x“ (horizontal gekachelt), „repeat-y“ (vertikal gekachelt); Positionieren Sie die Hintergrundposition im DIV. Sein Wert hat verschiedene Kombinationen von oben unten links rechts. Sie können einen bestimmten Standort auch mithilfe von Koordinaten angeben. <br>5. Position: Legen Sie die Positionierungsmethode von DIV fest. Es gibt vier Positionsattribute: statisch, fest, relativ und absolut. Häufig verwendete Relativ- und Absolutwerte. Wenn es als statisch angegeben ist, folgt das DIV den HTML-Regeln. Wenn es als relativ angegeben ist, können Sie oben, links, rechts und unten verwenden, um den Offset des DIV auf der Seite festzulegen (relativ zu seinem eigenen Offset). Ebenen können derzeit nicht verwendet werden. Wenn es als „absolut“ angegeben ist, können Sie „oben“, „links“, „rechts“ und „unten“ verwenden, um das DIV absolut zu positionieren (wenn es als „fest“ angegeben ist). Der DIV in IE7 und FF ist relativ zum Bildschirm festgelegt. Keine Änderung, er hat keine Auswirkung in IE6 (ich weiß nicht warum). <br>6. Schriftart: Geben Sie den Textstil im DIV an, dem mehrere Textstile folgen können. Schriftartenfamilie: Legen Sie den zu verwendenden Schriftartennamen fest. Geben Sie die Dicke des Textes an. Zu den Werten gehören: Fett, Fett, Heller usw.; Schriftart: Geben Sie die Größe des Textes an. Geben Sie den Textstil an, seine Werte umfassen kursiv, normal, schräg usw.; Farbe: gibt die Textfarbe an, seine Werte umfassen Mitte (Mitte), links und rechts ausgerichtet; -decorator: Wird für die Textdekoration verwendet. Zu seinen Werten gehören „no underline overline line-through“ und „text-indent“: legt die Einrückung des Textes fest; Zu seinen Werten gehören Kleinschreibung, Großschreibung (Großschreibung des ersten Buchstabens), keine Richtung: die Flussrichtung des Inhalts. Zu seinen Werten gehören ltr (von links nach rechts), rtl (von rechts nach links); line-height: gibt die Zeilenhöhe des Textes an; <br>7. Überlauf: Inhaltsüberlaufkontrolle. Zu seinen Werten gehören Bildlauf (Bildlaufleiste wird immer angezeigt), Sichtbar (Bildlaufleiste wird nicht angezeigt, aber der überschüssige Teil ist sichtbar), Auto (Bildlaufleiste wird angezeigt, wenn der Inhalt angezeigt wird). überschreitet) und ausgeblendet (Bildlaufleiste wird angezeigt, wenn der Inhalt überschritten wird). <br><br><br><strong>3. Einige Spezialeffekte: <br><br></strong>1. Legen Sie die Stapelreihenfolge der DIVs fest. Bei Verwendung des Z-Index-Attributs muss die Position absolut angegeben werden. <br><br>2. Cursor: Legen Sie den Stil des Cursors auf dem DIV fest. <br><br>3. Clip: Legen Sie das Ausschnittrechteck fest. clip:rect(oben rechts unten links); Legen Sie den Abstand zwischen oben, unten, links und rechts fest, aber zu diesem Zeitpunkt muss die Position als absolut angegeben werden. <br><br>4. Opazitätstransparenzfilter:alpha(opacity=value) zB: filter:alpha(opacity=50);opacity:0.5; <br><br><strong>4 </strong><br><br>Absolute Positionierung und relative Positionierung (Position) <strong> </strong><br>Absolute Positionierung: <br><br>Positionierungsattribute werden der Schlüssel zum Glück für Internetnutzer sein: <br><br>H4 { position: absolute; top: 43px } <br><br>Mit dieser CSS-Regel kann der Browser die Startposition von <H4> 43 Pixel von oben. Beachten Sie, dass die einzigen Einstellungen hier „links“ und „oben“ sind. Mit anderen Worten: Der Text wird von links nach rechts und von oben nach unten in das Browserfenster eingegeben. <br><br>Die Attribute left und top sind sehr intuitiv. Left (links) legt den Abstand von der linken Seite des Browserfensters fest, und top (top) legt den Abstand vom oberen Rand des Browserfensters fest. Bei der Einstellung dieser Abstände können Sie verschiedene Gradeinheiten oder Skalenwerte verwenden, die Sie kennengelernt haben. Bei der Verwendung von Maßstabswerten beziehen sich die Maßstabswerte auf die Abmessungen des übergeordneten Features. <br><br>Was können Sie ansprechen? irgendetwas! Absätze, Wörter, GIF- und JPEG-Bilder, QUICKTIME-Filme und mehr. <br><br>Relative Positionierung: <br><br>Mit der absoluten Positionierung können Sie ein Element genau an seiner unabhängigen Position auf der Seite positionieren, unabhängig von den Positionierungseinstellungen anderer Elemente auf der Seite. Relative Positionierung bedeutet, dass die Position des Features, das Sie positionieren, relativ zu seiner zugewiesenen Position in der Datei ist. Beispiel: <br><br>I { position: relative; top: 10px } <br><br>Der Schlüssel zur relativen Positionierung ist, dass die Position des positionierten Elements relativ zu der Stelle ist, an der es normalerweise sein sollte. . Relative Positionierungseinheiten erscheinen zwischen Zeilen gewöhnlicher statischer Positionierungseinheiten und werden positioniert, ohne sich vollständig von den statischen Positionierungseinheiten zu trennen. Wenn Sie die relative Positionierung nicht mehr verwenden, wird die Anzeigeposition des Texts wieder normal angezeigt. Seien Sie vorsichtig, wenn Sie die relative Positionierung verwenden, da sonst die Seite leicht unübersichtlich wird. <br><br>Neben relativer Positionierung und absoluter Positionierung können Sie auch statische Parameterwerte verwenden. „Statisch“ ist der Standardwert für das Positionsattribut. Seine Verwendung ist die gleiche wie die Positionierungsmethode in gewöhnlichem HTML und es können keine speziellen Positionierungseinstellungen angehängt werden. Das heißt, nichts anderes kann die Positionierung einer Zelle beeinflussen, außer die Eigenschaft „margin“ oder das Schweben der Zelle mithilfe der Eigenschaft „float“. <br><br><br>Steuerung der Positionierungseinheit (Breite, Höhe, Sichtbarkeit) <strong> </strong><br>Zusätzlich zur Steuerung der oberen linken Eckposition der Positionierungseinheit können Sie auch die Breite und steuern Höhe der Einheit und die Sichtbarkeit der Einheit auf der Seite. <br><br>Breite: Die positionierten Elemente werden bei der Anzeige auf der Seite weiterhin von links nach rechts angezeigt. Mit dem width-Attribut können Sie Einschränkungen für den Zeichenfluss nach rechts festlegen, also die Breite des Elements festlegen. <br><br>DIV { position: absolute; top: 40px; width: 150px } <br><br>Wenn der Browser diese Regel empfängt, zeigt er den Text entsprechend dem durch die Regel angegebenen Effekt an , und begrenzen Sie außerdem die maximale horizontale Größe von Absätzen auf 150 Pixel. <br><br>Das Breitenattribut gilt nur für absolut positionierte Features. Sie können jede der Längeneinheiten verwenden, die wir kennengelernt haben, oder die Breite mithilfe eines Skalierungswerts festlegen, der relativ zum übergeordneten Feature ist. In IE 4 ist dieses Attribut auch für Bilder verfügbar. Durch die Breiteneinstellung können Sie das Bild künstlich verbreitern oder komprimieren. <br><br>Höhe: Theoretisch sollte die Höhe ähnlich wie die Breite eingestellt werden, jedoch in vertikaler Richtung: <br><br>DIV { Position: absolut; oben: 40px; Höhe: 150px } <br><br>Hier verwende ich „theoretisch“, da einige Browser das Höhenattribut nicht unterstützen. <br><br>Sichtbarkeit: Mithilfe von CSS können Sie Elemente ausblenden, sodass sie auf der Seite nicht sichtbar sind. Dieses Attribut gilt sowohl für lokalisierte als auch für nicht lokalisierte Features. <br><br>H4 { Sichtbarkeit: versteckt } <br><br>Optionen: <br><br>sichtbar macht das Feature sichtbar<br><br>versteckt macht das Feature versteckt<br><br>erben Zeigt an dass es die Sichtbarkeitseinstellungen des übergeordneten Features erbt. <br><br>Der Wert inherit ist der Standardwert. Dadurch erbt die Zelle die Sichtbarkeit der übergeordneten Zelle. Wenn also ein Absatz ausgeblendet ist, werden auch alle darin enthaltenen Inline-Zellen ausgeblendet. Diese Vererbung kann durch explizit angegebene Sichtbarkeit außer Kraft gesetzt werden. Wenn beispielsweise eine EM-Zelle innerhalb eines Abschnitts als sichtbar gekennzeichnet ist und der Abschnitt ausgeblendet ist, verschwinden alle anderen Inhalte innerhalb des Abschnitts und nur der Text in der EM-Zelle ist sichtbar. <br><br>Wenn ein Element ausgeblendet ist, nimmt es immer noch den ursprünglichen Platz im Browserfenster ein. Wenn Sie also Text um ein ausgeblendetes Bild fließen lassen, sieht es so aus, als würde der Text einen leeren Bereich umgeben. Diese Neuigkeiten <br><br>Dieses Attribut ist nützlich, wenn Sie Sprachen schreiben und dynamisches HTML verwenden. Sie können beispielsweise festlegen, dass ein bestimmter Absatz oder ein bestimmtes Bild nur angezeigt wird, wenn die Maus darüber fährt. <br><br><br>Einheitenebene (Z-Index) <strong> </strong><br>Das Z-Index-Attribut wird zum Stapeln von Zellen auf dem Bildschirm verwendet. Standardmäßig werden Einheiten in der Reihenfolge gestapelt, in der sie im HTML-Markup erscheinen – das heißt, später erscheinende Einheiten werden über den früher erscheinenden Einheiten gestapelt. Die Z-Index-Eigenschaft definiert tatsächlich die Stapelreihenfolge von Geschwistereinheiten und die Stapelung von Einheiten relativ zu ihren übergeordneten Einheiten. Gemäß dem Spezifikationsentwurf werden Gruppen von Einheiten mit positiven Z-Index-Werten über ihren übergeordneten Einheiten gestapelt, und ihre eigene Stapelreihenfolge wird durch die Größe ihrer Werte bestimmt (Einheiten mit größeren Werten sind eingeschaltet). Spitze). In ähnlicher Weise werden Einheitengruppen mit negativen Z-Index-Werten unter der übergeordneten Einheit gestapelt, und ihre eigene Stapelreihenfolge wird auch durch die Größe des Werts bestimmt (Einheiten mit größeren Werten befinden sich beispielsweise auf der oberen Ebene). , Einheiten mit einem Wert von -1 befinden sich in der oberen Ebene -2 über der Einheit. <br><br>Verwenden Sie reine Ganzzahlen für diesen Parameterwert. Der Z-Index wird für absolut positionierte oder relativ positionierte Features verwendet. Sie können auch den Z-Index des Bildes festlegen. (Für Communicator ist es am besten, das <IMG>-Tag in ein <SPAN>- oder <DIV>-Tag einzuschließen und dann den Z-Index auf das <SPAN> oder <DIV> anzuwenden.) <br><br> <strong>Absolut positionierte Einheiten ausschneiden (Clip) <br></strong><br>Absolut positionierte Einheiten können ausgeschnitten werden – das heißt, der dem Benutzer angezeigte Bereich wird ausgeschnitten, sodass nur ein Teil der Einheit angezeigt wird und der Rest transparent wird . Dies ist keine sehr nützliche Funktion für herkömmliche text- und bildbasierte Webseiten. Dies ist jedoch nützlich, wenn Multimedia-Seiten benötigt werden. Beispielsweise unterstützen sowohl Netscape Communivator 4 als auch Internet Explorer 4 Multimedia-Seiten. Sie passen den Ausschnittsbereich um die Einheit über die Skriptschnittstelle des Dokuments dynamisch an, sodass durchgezogener Text „eingeblendet“ wird und Bilder sowie andere Anzeigefunktionen eingeblendet werden. <br><br>In CSS wird das Ausschneiden durch die Clip-Funktion gesteuert. Diese Funktion kann nur für absolut positionierte Einheiten verwendet werden, was die Einheit entsprechend ihrer Außenkante ausschneidet (entspricht eigentlich keinem Ausschneiden). . Darüber hinaus kann das Clip-Feld durch den folgenden Ausdruck festgelegt werden: <br><br>clip : rect(top,right.bottom,left); <br><br>wobei oben, rechts, unten und links jeweils die sind Rechteckiges Clip-Feld Die Positionen der oberen, rechten, unteren und linken Kante relativ zur oberen linken Ecke der zugeschnittenen Einheit. Die Werte für Oben, rechts, unten und links können ein beliebiger absoluter oder relativer Längenwert (aber kein Prozentwert) oder das Schlüsselwort auto sein. Der Wert „auto“ bedeutet, dass nach der Platzierung aller Seiten des Beschneidungsbereichs der Inhalt der beschnittenen Einheit diesen Bereich nicht überschreitet. <br><br><strong>Überlauf der Steuereinheit (Überlauf) </strong> <br><br>Festlegen der Breite und Höhe der absoluten oder relativen Positionierungseinheit. Es ist wahrscheinlich, dass der angegebene Bereich die Anforderungen der Der tatsächliche Inhalt der Einheit führt dazu, dass der Inhalt der Einheit überläuft. Mithilfe von Overflow können Sie angeben, wie der Browser mit Überläufen umgeht: Der Wert „none“ (Standardeinstellung) ermöglicht es dem Browser, Überlaufinhalte anzuzeigen, sodass die Zelle den angegebenen Bereich überlaufen kann. Der Wert „Clip“ erfordert, dass der Browser den Zellinhalt am unteren und rechten Rand der Zelle abschneidet, sodass Zellinhalte, die über den angegebenen Bereich hinausgehen, nicht angezeigt werden. Der Wert scroll erfordert außerdem, dass der Browser den Zellinhalt am unteren und rechten Rand der Zelle ausschneidet (wie beim Ausschneiden). Allerdings sollte der Browser (wenn möglich) Bildlaufleisten für die Zelle bereitstellen, damit der Benutzer durch die beschnittenen Elemente scrollen kann Inhalt.</div>
</div>                </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="http://www.php.cn/de/search?word=div" target="_blank">div</a>                    </div>
                </div>
                                <div style="display: inline-flex;float: right; color:#333333;">Quelle：php.cn</div>
                            </div>
            <div class="wzconOtherwz">
                                    <a href="http://www.php.cn/de/faq/11566.html" title="HTML-CSS-Produktion einer einfachen Fortschrittsbalken_HTML/Xhtml_Webseitenproduktion">
                        <span>Vorheriger Artikel：HTML-CSS-Produktion einer einfachen Fortschrittsbalken_HTML/Xhtml_Webseitenproduktion</span>
                    </a>
                                    <a href="http://www.php.cn/de/faq/11570.html"  title="HTML4.0-Element-Standardstilanordnung_HTML/Xhtml_Webseitenproduktion">
                        <span>Nächster Artikel：HTML4.0-Element-Standardstilanordnung_HTML/Xhtml_Webseitenproduktion</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="http://www.php.cn/de/faq/1796639331.html">Was ist eine NullPointerException und wie behebe ich sie?</a>
                            </div>
                            <div>2024-10-22 09:46:29</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/de/faq/1796629482.html">Vom Anfänger zum Programmierer: Ihre Reise beginnt mit C-Grundlagen</a>
                            </div>
                            <div>2024-10-13 13:53:41</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/de/faq/1796628545.html">Webentwicklung mit PHP freischalten: Ein Leitfaden für Anfänger</a>
                            </div>
                            <div>2024-10-12 12:15:51</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/de/faq/1796627928.html">C entmystifizieren: Ein klarer und einfacher Weg für neue Programmierer</a>
                            </div>
                            <div>2024-10-11 22:47:31</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/de/faq/1796627806.html">Entfalten Sie Ihr Programmierpotenzial: C-Programmierung für absolute Anfänger</a>
                            </div>
                            <div>2024-10-11 19:36:51</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/de/faq/1796627670.html">Entfesseln Sie Ihren inneren Programmierer: C für absolute Anfänger</a>
                            </div>
                            <div>2024-10-11 15:50:41</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/de/faq/1796627643.html">Automatisieren Sie Ihr Leben mit C: Skripte und Tools für Anfänger</a>
                            </div>
                            <div>2024-10-11 15:07:41</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/de/faq/1796627620.html">PHP leicht gemacht: Ihre ersten Schritte in der Webentwicklung</a>
                            </div>
                            <div>2024-10-11 14:21:21</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/de/faq/1796627574.html">Erstellen Sie alles mit Python: Ein Leitfaden für Anfänger, um Ihrer Kreativität freien Lauf zu lassen</a>
                            </div>
                            <div>2024-10-11 12:59:11</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/de/faq/1796627539.html">Der Schlüssel zum Programmieren: Die Leistungsfähigkeit von Python für Anfänger freischalten</a>
                            </div>
                            <div>2024-10-11 12:17:31</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="http://www.php.cn/de/wenda/176399.html"  target="_blank" title="Verschieben Sie den Inhalt nach links, indem Sie die Eigenschaft „Width' hinzufügen" class="wdcdcTitle">Verschieben Sie den Inhalt nach links, indem Sie die Eigenschaft „Width' hinzufügen</a>
                            <a href="http://www.php.cn/de/wenda/176399.html" class="wdcdcCons">Ich habe dem Körper Ränder gegeben. main {linker Rand: 200px; rechter Rand: 200px; Textaus...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> Aus 2024-04-06 22:01:35</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>3</div>
                                    <div class="wdcdcirwatch flexRow ira"><b  class="wdcdcirwatchi"></b>816</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="http://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="http://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 class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="http://www.php.cn/de/wenda/176383.html"  target="_blank" title="So verwenden Sie Laravel-Komponenten mit Livewire-Lazy-Platzhaltern" class="wdcdcTitle">So verwenden Sie Laravel-Komponenten mit Livewire-Lazy-Platzhaltern</a>
                            <a href="http://www.php.cn/de/wenda/176383.html" class="wdcdcCons">Ich möchte das Skelett meiner Laravel-Komponente in einen Livewire3-Platzhalter einfügen. ...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> Aus 2024-04-06 20:02:10</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>543</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="http://www.php.cn/de/wenda/176379.html"  target="_blank" title="Berechnen Sie die Summe der Felder in einer anderen Tabelle mithilfe einer MySQL-SQL-Abfrage" class="wdcdcTitle">Berechnen Sie die Summe der Felder in einer anderen Tabelle mithilfe einer MySQL-SQL-Abfrage</a>
                            <a href="http://www.php.cn/de/wenda/176379.html" class="wdcdcCons">Ich habe ein Schema wie dieses: Benutzertabelle mit den Attributen „user_id“ und „username...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> Aus 2024-04-06 19:39:29</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>441</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="http://www.php.cn/de/wenda/176368.html"  target="_blank" title="Streudiagrammpunkte behalten beim Zoomen in d3.js keine Werte bei" class="wdcdcTitle">Streudiagrammpunkte behalten beim Zoomen in d3.js keine Werte bei</a>
                            <a href="http://www.php.cn/de/wenda/176368.html" class="wdcdcCons">Dies ist das erste Mal, dass ich d3.js verwende. Bitte haben Sie Geduld. Ich habe es als r...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> Aus 2024-04-06 18:16: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>403</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="http://www.php.cn/de/faq/zt" target="_blank">Mehr>
                    </a>
                </div>
                <div class="wzcttlist">
                    <ul>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/de/faq/divgdt"><img src="https://img.php.cn/upload/subject/202407/22/2024072214385242717.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="div-Bildlaufleiste" /> </a>
                            <a target="_blank" href="http://www.php.cn/de/faq/divgdt" class="title-a-spanl" title="div-Bildlaufleiste"><span>div-Bildlaufleiste</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/de/faq/lgdivzmbpxs"><img src="https://img.php.cn/upload/subject/202407/22/2024072213521342494.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="So zeigen Sie zwei Divs nebeneinander an" /> </a>
                            <a target="_blank" href="http://www.php.cn/de/faq/lgdivzmbpxs" class="title-a-spanl" title="So zeigen Sie zwei Divs nebeneinander an"><span>So zeigen Sie zwei Divs nebeneinander an</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/de/faq/divyspanqb"><img src="https://img.php.cn/upload/subject/202407/22/2024072213514069307.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Der Unterschied zwischen div und span" /> </a>
                            <a target="_blank" href="http://www.php.cn/de/faq/divyspanqb" class="title-a-spanl" title="Der Unterschied zwischen div und span"><span>Der Unterschied zwischen div und span</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/de/faq/divbqdyf"><img src="https://img.php.cn/upload/subject/202407/22/2024072213425821724.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="So verwenden Sie div-Tags" /> </a>
                            <a target="_blank" href="http://www.php.cn/de/faq/divbqdyf" class="title-a-spanl" title="So verwenden Sie div-Tags"><span>So verwenden Sie div-Tags</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/de/faq/divwzczjzdff"><img src="https://img.php.cn/upload/subject/202407/22/2024072213315264396.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="So zentrieren Sie Div-Text vertikal" /> </a>
                            <a target="_blank" href="http://www.php.cn/de/faq/divwzczjzdff" class="title-a-spanl" title="So zentrieren Sie Div-Text vertikal"><span>So zentrieren Sie Div-Text vertikal</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/de/faq/csszdivdhy"><img src="https://img.php.cn/upload/subject/202407/22/2024072211494531801.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Die Bedeutung von div in CSS" /> </a>
                            <a target="_blank" href="http://www.php.cn/de/faq/csszdivdhy" class="title-a-spanl" title="Die Bedeutung von div in CSS"><span>Die Bedeutung von div in CSS</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/de/faq/mysqlsy"><img src="https://img.php.cn/upload/subject/202407/22/2024072214122738570.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="MySQL-Index" /> </a>
                            <a target="_blank" href="http://www.php.cn/de/faq/mysqlsy" class="title-a-spanl" title="MySQL-Index"><span>MySQL-Index</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/de/faq/yjwzymzcdff"><img src="https://img.php.cn/upload/subject/202407/22/2024072212262475565.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="So registrieren Sie einen dauerhaften Website-Domainnamen" /> </a>
                            <a target="_blank" href="http://www.php.cn/de/faq/yjwzymzcdff" class="title-a-spanl" title="So registrieren Sie einen dauerhaften Website-Domainnamen"><span>So registrieren Sie einen dauerhaften Website-Domainnamen</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="Was bedeutet URL?" href="http://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="http://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="http://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="http://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="http://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="http://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="http://www.php.cn/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="http://www.php.cn/de/course/812.html">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a>
                                    <div class="wzrthreerb">
                                        <div>1417478 <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="http://www.php.cn/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="http://www.php.cn/de/course/74.html">php入门教程之一周学会PHP</a>
                                    <div class="wzrthreerb">
                                        <div>4258666 <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="http://www.php.cn/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="http://www.php.cn/de/course/286.html">JAVA 初级入门视频教程</a>
                                    <div class="wzrthreerb">
                                        <div>2483900 <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="http://www.php.cn/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="http://www.php.cn/de/course/504.html">小甲鱼零基础入门学习Python视频教程</a>
                                    <div class="wzrthreerb">
                                        <div>504162 <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="http://www.php.cn/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="http://www.php.cn/de/course/2.html">PHP 零基础入门教程</a>
                                    <div class="wzrthreerb">
                                        <div>858787 <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="http://www.php.cn/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="http://www.php.cn/de/course/812.html">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a>
                                <div class="wzrthreerb">
                                    <div >1417478 Lernzeiten</div>
                                                                                <div class="courseICollection" data-id="812">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="http://www.php.cn/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="http://www.php.cn/de/course/286.html">JAVA 初级入门视频教程</a>
                                <div class="wzrthreerb">
                                    <div >2483900 Lernzeiten</div>
                                                                                <div class="courseICollection" data-id="286">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="http://www.php.cn/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="http://www.php.cn/de/course/504.html">小甲鱼零基础入门学习Python视频教程</a>
                                <div class="wzrthreerb">
                                    <div >504162 Lernzeiten</div>
                                                                                <div class="courseICollection" data-id="504">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="http://www.php.cn/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="http://www.php.cn/de/course/901.html">Web前端开发极速入门</a>
                                <div class="wzrthreerb">
                                    <div >215346 Lernzeiten</div>
                                                                                <div class="courseICollection" data-id="901">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="http://www.php.cn/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="http://www.php.cn/de/course/234.html">零基础精通 PS 视频教程</a>
                                <div class="wzrthreerb">
                                    <div >878888 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="http://www.php.cn/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="http://www.php.cn/de/course/1648.html">【web前端】Node.js快速入门</a>
                                <div class="wzrthreerb">
                                    <div >6502 Lernzeiten</div>
                                                                                <div class="courseICollection" data-id="1648">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="http://www.php.cn/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="http://www.php.cn/de/course/1647.html">国外Web开发全栈课程全集</a>
                                <div class="wzrthreerb">
                                    <div >5108 Lernzeiten</div>
                                                                                <div class="courseICollection" data-id="1647">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="http://www.php.cn/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="http://www.php.cn/de/course/1646.html">Go语言实战之 GraphQL</a>
                                <div class="wzrthreerb">
                                    <div >4282 Lernzeiten</div>
                                                                                <div class="courseICollection" data-id="1646">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="http://www.php.cn/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="http://www.php.cn/de/course/1645.html">550W粉丝大佬手把手从零学JavaScript</a>
                                <div class="wzrthreerb">
                                    <div >635 Lernzeiten</div>
                                                                                <div class="courseICollection" data-id="1645">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="http://www.php.cn/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="http://www.php.cn/de/course/1644.html">python大神Mosh，零基础小白6小时完全入门</a>
                                <div class="wzrthreerb">
                                    <div >21802 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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://www.php.cn/de/about/us.html">Über uns</a>
            <a href="http://www.php.cn/de/about/disclaimer.html">Haftungsausschluss</a>
            <a href="http://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>

Umfassende Liste häufig verwendeter DIV-Attribute, organisiert von Ihnen selbst_HTML/Xhtml_Webseitenerstellung