Heutzutage benötigen relevante Einheiten bei der Rekrutierung von Künstlern Kenntnisse über das DIV-CSS-Layout. Ich hoffe, dass diese acht Interviewfragen für Sie hilfreich sein werden.
1. Der Hover-Stil wird nach dem Zugriff auf den Hyperlink nicht angezeigt?
Der angeklickte Hyperlink-Stil verfügt nicht mehr über Hover und Active. Die Lösung besteht darin, die Reihenfolge der CSS-Attribute zu ändern: LVHA
2. Double-Margin-Fehler in IE6
Zum Beispiel:
<style type="text/css">
Körper {margin:0;}
div {float:left; margin-left:10px; width:200px; border:1px solid red;}
</style>
Nach dem Floating beträgt der ursprüngliche Rand 10 Pixel, der IE interpretiert ihn jedoch als 20 Pixel. Die Lösung besteht darin, display:inline hinzuzufügen
3. Warum kann der Text in FF die Höhe des Containers nicht vergrößern?
Container mit festen Höhenwerten in Standardbrowsern werden nicht wie in IE6 gestreckt. Wenn ich also eine feste Höhe haben und gestreckt werden möchte, welche Einstellungen sollte ich vornehmen? Die Lösung besteht darin, die Höhe zu entfernen und hier „min-height:200px“ festzulegen. Um IE6 zu berücksichtigen, der die „min-height“ nicht kennt, kann dies wie folgt definiert werden:
div { height:auto!important; height:200px;
4. Warum kann IE die Farbe der Bildlaufleiste nicht gemäß Webstandards einstellen?
Ursprüngliche Stileinstellungen:
<style type="text/css">
body { scrollbar-face-color:#f6f6; scrollbar-shadow-color:#eeeeee; scrollbar-arrow-color:#000; -color:#fff; scrollbar-darkshadow-color:#fff;
</style>
Die Lösung besteht darin, den Textkörper durch HTML zu ersetzen
5. Warum kann ich keinen Container mit einer Höhe von etwa 1 Pixel definieren?
Dieses Problem wird unter IE6 durch die Standardzeilenhöhe verursacht und es gibt viele Lösungen, wie zum Beispiel: overflow:hidden | zoom:0.08 |
6. Wie lässt sich die Ebene auf FLASH anzeigen?
Die Lösung besteht darin, Transparenz für FLASH festzulegen:
<a href=" http://www.easyq.net.cn/">:</a >
<pre lang="html" line="1">
<param name="wmode" value="transparent" />
7. Wie zentriere ich eine Ebene im Browser vertikal?
<style type="text/css">
<!--
div {
Position:absolut;
oben:50%;
links:50 %;
Rand:-100px 0 0 -100px;
Breite:200px;
Höhe:200px;
Rand: 1 Pixel durchgehend rot;
}
->
</style>
Hier verwenden wir die prozentuale absolute Positionierung und die Methode des negativen Außenpatches, negativ