html 5 häufige Fragen im Vorstellungsgespräch-HTML-Tutorial-php.cn

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 class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>Stellungnahme：</span><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><div class="nphpSytBox"><span>Vorheriger Artikel：<a class="dBlack" title="CSS-Schreibmethode für mehrzeilige Ellipsenkompatibilität" href="http://m.php.cn/de/faq/359949.html">CSS-Schreibmethode für mehrzeilige Ellipsenkompatibilität</a></span><span>Nächster Artikel：<a class="dBlack" title="CSS-Schreibmethode für mehrzeilige Ellipsenkompatibilität" href="http://m.php.cn/de/faq/359951.html">CSS-Schreibmethode für mehrzeilige Ellipsenkompatibilität</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>In Verbindung stehende Artikel</h2><em><a href="http://m.php.cn/de/article.html" class="bBlack"><i>Mehr sehen</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle"
     style="display:block"
     data-ad-format="fluid"
     data-ad-layout-key="-6t+ed+2i-1n-4w"
     data-ad-client="ca-pub-5902227090019525"
     data-ad-slot="8966999616"></ins><script>     (adsbygoogle = window.adsbygoogle || []).push({});
</script><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/de/faq/348757.html" title="Zusammenfassung der HTML-Kenntnisse" class="aBlack">Zusammenfassung der HTML-Kenntnisse</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/348804.html" title="So lernen Sie schnell HTML" class="aBlack">So lernen Sie schnell HTML</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/348873.html" title="Der Unterschied zwischen HTML xHTML XML" class="aBlack">Der Unterschied zwischen HTML xHTML XML</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/348884.html" title="Der Unterschied zwischen src- und href-Attributen" class="aBlack">Der Unterschied zwischen src- und href-Attributen</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/348902.html" title="Über die Verwendung von HTML5 und CSS-Ersatz" class="aBlack">Über die Verwendung von HTML5 und CSS-Ersatz</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-5902227090019525"
     data-ad-slot="5027754603"></ins><script>     (adsbygoogle = window.adsbygoogle || []).push({});
</script><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/de/"><b class="icon1"></b><p>Heim</p></a></li><li><a href="http://m.php.cn/de/course.html"><b class="icon2"></b><p>Kurs</p></a></li><li><a href="http://m.php.cn/de/wenda.html"><b class="icon4"></b><p>Fragen und Antworten</p></a></li><li><a href="http://m.php.cn/de/login"><b class="icon5"></b><p>Mein</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="http://m.php.cn/de/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/de/"><b class="icon1"></b><span>Heim</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/course.html"><b class="icon2"></b><span>Kurs</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/article.html"><b class="icon3"></b><span>Artikel</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/wenda.html"><b class="icon4"></b><span>Fragen und Antworten</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/dic.html"><b class="icon6"></b><span>Wörterbuch</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/course/type/99.html"><b class="icon7"></b><span>Handbuch</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/xiazai/"><b class="icon8"></b><span>Herunterladen</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/faq/zt" title="Thema"><b class="icon12"></b><span>Thema</span><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/de/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/de/" >Heim</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/article.html" class="hover">Artikel</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/wenda.html" >Fragen und Antworten</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/course.html" >Kurs</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/faq/zt" >Thema</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/xiazai"  >Herunterladen</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/game" >Spiel</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/dic.html" >Wörterbuch</a></div><div class="clear"></div></div></div><div class="langadivs"  ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a  onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan "  href="javascript:;"><span>简体中文</span><span>（ZH-CN）</span></a><a  onclick="javascript:setlang('en');" class="language course-right-orders chooselan "  href="javascript:;"><span>English</span><span>（EN）</span></a><a  onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan "  href="javascript:;"><span>繁体中文</span><span>（ZH-TW）</span></a><a  onclick="javascript:setlang('ja');" class="language course-right-orders chooselan "  href="javascript:;"><span>日本語</span><span>（JA）</span></a><a  onclick="javascript:setlang('ko');" class="language course-right-orders chooselan "  href="javascript:;"><span>한국어</span><span>（KO）</span></a><a  onclick="javascript:setlang('ms');" class="language course-right-orders chooselan "  href="javascript:;"><span>Melayu</span><span>（MS）</span></a><a  onclick="javascript:setlang('fr');" class="language course-right-orders chooselan "  href="javascript:;"><span>Français</span><span>（FR）</span></a><a  onclick="javascript:;" class="language course-right-orders chooselan chooselanguage"  href="javascript:;"><span>Deutsch</span><span>（DE）</span></a></div></div><script>            var swiper = new Swiper('.nphpNavSwiper1', {
                slidesPerView : 'auto',
                observer: true,//修改swiper自己或子元素时，自动初始化swiper
                observeParents: true,//修改swiper的父元素时，自动初始化swiper

});
        </script></div></div><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' 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>jQuery.fn.wait = function (func, times, interval) {
    var _times = times || -1, //100次
    _interval = interval || 20, //20毫秒每次
    _self = this,
    _selector = this.selector, //选择器
    _iIntervalID; //定时器id
    if( this.length ){ //如果已经获取到了，就直接执行函数
        func && func.call(this);
    } else {
        _iIntervalID = setInterval(function() {
            if(!_times) { //是0就退出
                clearInterval(_iIntervalID);
            }
            _times <= 0 || _times--; //如果是正数就 --

_self = $(_selector); //再次选择
            if( _self.length ) { //判断是否取到
                func && func.call(_self);
                clearInterval(_iIntervalID);
            }
        }, _interval);
    }
    return this;
}
$("table.syntaxhighlighter").wait(function() {
    $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>");
});
$(document).on("click", ".cnblogs_code_footer",function(){
      $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide();
});
$('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}});
</script></body></html>