Articles of css

DIV vs Tabellen oder CSS vs. Being Stupid

Ich weiß, dass Tabellen für Tabellendaten sind, aber es ist so verlockend, sie für das Layout zu verwenden. Ich kann mit DIVs umgehen, um ein dreispaltiges Layout zu erhalten, aber wenn du 4 verschachtelte DIVs hast, wird es schwierig. Gibt es ein Tutorial / eine Referenz, um mich zu überzeugen, DIV’s für das Layout zu […]

Z-Index relativ oder absolut?

Ich versuche eine Antwort auf die folgende Frage zu finden: Ist der Z-Index-Stil eines Elements seine absolute Stapelreihenfolge oder seine Stapelreihenfolge relativ zu seinem übergeordneten Element? Angenommen, ich habe den folgenden Code: Hello World I Dominate! Welcher wird vorne sein – #dHello oder #dDomination? Das ist nur für Beispiele. Ich habe das an mehreren Stellen […]

Benutzerdefiniertes Cursor-Bild CSS

Ich habe eine Reihe von Herschot-Bildern, die beim Anklicken ein modales Popup haben. Ich versuche, den Cursor in eine Lupe zu verwandeln, wenn er über das Bild bewegt wird. Das folgende CSS scheint nicht zu funktionieren, obwohl meine magnify.cur am richtigen Ort vorhanden ist. a.heroshot img { cursor:url(/img/magnify.cur), pointer; } Hat jemand jemals etwas Ähnliches […]

Was ist der korrekte Wert “-moz-appearance”, um den Dropdown-Pfeil eines -Elements zu verbergen?

Ich versuche, den Dropdown-Pfeil eines -Elements nur mit CSS zu stylen. Es funktioniert perfekt in Chrome / Safari: select { -webkit-appearance: button; -webkit-border-radius: 2px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none; background-image: url(‘./select-arrow1.png’) ; background-position: center right; background-repeat: no-repeat; border: 1px solid #AAA; margin: 0; padding-top: 2px; padding-bottom: […]

CSS Text-Dekoration unterstreichen Farbe

Mögliche Duplikate: Ändern der Unterstreichungsfarbe Es ist möglich, nur Linienfarbe zu ändern, die unter Text ist? Ich möchte etwas wie rote Buchstaben mit einer blauen Linie darunter sehen, aber ich kann nicht herausfinden, wie man das macht.

Was ist der Wert der CSS ex ‘Einheit?

(Nicht zu verwechseln mit Xunit , einer populären .Net Unit Testing Library.) Heute begann ich in einem Anfall von Langeweile Gmail DOM zu inspizieren (ja, mir war sehr langweilig). Alles sah ziemlich einfach aus, bis ich eine interessante Spezifikation über die Breite bestimmter Elemente bemerkte. Die illustren Googliten hatten eine Reihe von Tischcols mit der […]

Erhalten Sie div, um 100% Körpergröße zu übernehmen, abzüglich Kopf- und Fußzeile mit fester Höhe

Aus meiner Forschung scheint dies eine absolut klassische CSS-Frage zu sein, aber ich kann keine definitive Antwort finden – also StackOverflow. Wie setze ich ein Inhalts-div so, dass es 100% der Körpergröße einnimmt, abzüglich der Höhe, die von Kopf- und Fußzeilen fester Höhe eingenommen wird? title etc body content copyright etc //CSS html, body { […]

Anti-Aliasing mit CSS: Ist das ein Mythos?

Kürzlich hat sich ein Kunde über das Erscheinen einer Systemschrift in IE6 beschwert. Grundsätzlich ist das Problem, dass IE6 Font-Glättung / Anti-Aliasing nicht unterstützt (ich weiß, dass Sie es in einer Betriebssystemeinstellung oder etwas aktivieren können). Aber jemand hat dieses Juwel ausgeworfen: “Sie können Font-Anti-Alias ​​in CSS durch Verwendung von Pt anstelle von px erzwingen.” […]

cols, colgroups und css: hover psuedoclass

Ich versuche, eine Tabelle zu erstellen, um den BMI einer Person anzuzeigen. Als Teil dessen möchte ich, auf: Hover, für die und (oder ) auch hervorgehoben werden, damit die Kreuzung mehr offensichtlich ist. Da die Tabelle sowohl metrische als auch imperiale Messungen enthält, muss der: hover nicht an der Zelle anhalten (aus irgendeiner Richtung) und […]

So stylen Sie untergeordnete Komponenten aus der CSS-Datei der übergeordneten Komponente?

Ich habe eine Elternkomponente: Und ich möchte diese Gruppe mit Kindkomponenten füllen: Elternvorlage: Kindervorlage: Test Da parent und child zwei separate Komponenten sind, sind ihre Stile an ihren eigenen Bereich gebunden. In meiner Elternkomponente habe ich versucht: .parent .child { // Styles for child } Die .child Stile werden jedoch nicht auf die .child Komponenten […]