Articles of css

Manipulation der Spaltenreihenfolge mit Col-lg-push und col-lg-pull in Twitter Bootstrap 3

Ich lese jetzt Dokumentation auf Twitter Bootstrap 3, und versuchte, die Reihenfolge der Spalten zu folgen, wie auf dieser Seite gezeigt, aber die Wand zu schlagen. Ich verstehe nicht, warum ein solcher Code funktioniert und wie man die Einstellung richtig vorgibt. Was ich zeigen möchte, ist ein Gitter, das aus der Länge 5 besteht, und […]

Die gleiche Schriftart mit Ausnahme ihres Gewichts scheint in verschiedenen Browsern unterschiedlich zu sein

Der Text wird in Chrome korrekt angezeigt. Ich möchte, dass es in allen Browsern so angezeigt wird. Wie kann ich das machen? Chrom: UPDATE: In Safari -webkit-font-smoothing: antialiased; mit -webkit-font-smoothing: antialiased; Feuerfuchs: Das ist das CSS: font-family: Georgia; font-weight: normal; font-size: 16pt; color: #444444; -webkit-font-smoothing: antialiased; Und eine Geige: http://jsfiddle.net/jnxQ8/1/

Bootstrap 3 Fluid Grid Layout Probleme?

Ich verwende Bootstrap 3, um meine Website mit flüssigem Gitter zu gestalten, aber die Felder im Gitter reihen sich nicht aneinander. Du kannst sehen: Wenn eine Box größer als eine andere ist, wird das Raster nicht linksbündig ausgerichtet. Wie kann ich es mit einem Hack reparieren? Danke für Hilfe! Hinweis: die höhe der box ist […]

Was bringt der CSS-Kollaps?

Das CSS2-Boxmodell sagt uns, dass angrenzende vertikale Ränder zusammenfallen . Ich finde es ziemlich nervig, weil es die Quelle vieler Designerrors ist. Ich hoffe, dass ich, wenn ich den Zweck des Zusammenbruchs von Rändern verstehe, verstehen werde, wann ich sie benutze und wie ich sie vermeiden kann, wenn sie nicht gebraucht werden. Was ist der […]

Wie man Inhalt mit variabler Höhe innerhalb eines div vertikal zentriert?

Was ist der beste Weg, um den Inhalt eines Div vertikal zu zentrieren, wenn die Höhe des Inhalts variabel ist? In meinem speziellen Fall ist die Höhe des Container-Div fest, aber es wäre toll, wenn es eine Lösung gäbe, die in Fällen funktionieren würde, in denen der Container auch eine variable Höhe hat. Außerdem würde […]

Erstellen Sie zur Laufzeit eine CSS-Regel / class mit jQuery

Normalerweise habe ich eine CSS-Datei mit folgender Regel: #my-window { position: fixed; z-index: 102; display:none; top:50%; left:50%; } Wie kann ich vermeiden, eine solche statische CSS-Datei zu erstellen, indem ich die CSS-Informationen während der Laufzeitaktionen zum Hauptteil oder etwas Ähnliches hinzufüge? (nur mit jQuery) Ich möchte es einmal definieren, aber mit jQuery und benutze es […]

Ist es möglich, Text in einem Div vertikal auszurichten?

Der Code unten (auch als Demo auf JS Fiddle verfügbar) positioniert den Text nicht in der Mitte, wie ich es am liebsten hätte. Ich kann keine Möglichkeit finden, Text in einem Div vertikal zu zentrieren, selbst wenn das Attribut ” margin-top wird. Wie kann ich das machen? 1234 yet another text content that should be […]

Wie kann ich dem Cursor eine Hand geben, wenn ein Benutzer den Mauszeiger über ein Listenelement bewegt?

Ich habe eine Liste und ich habe einen Klick-Handler für seine Artikel: foo goo Wie kann ich den Mauszeiger in einen Handzeiger umwandeln (wie wenn ich den Mauszeiger über einen Knopf halte)? Im Augenblick verwandelt sich der Mauszeiger in einen Textauswahlzeiger, wenn ich den Mauszeiger über die Listenelemente halte.

HTML Colspan in CSS

Ich versuche ein Layout ähnlich dem folgenden zu erstellen: +—+—+—+ | | | | +—+—+—+ | | +———–+ wo der Boden den Raum der oberen Reihe füllt. Wenn dies eine tatsächliche Tabelle wäre, könnte ich dies leicht mit , aber da ich einfach ein tabellenartiges Layout erstelle, kann ich keine -Tags verwenden. Ist das mit […]

Gibt es eine Möglichkeit, über ein Element zu schweben und ein anderes Element zu beeinflussen?

Ich möchte, dass es so einfach ist, aber ich weiß, dass es nicht so ist: img { opacity: 0.4; filter: alpha(opacity=40); } img:hover { #thisElement { opacity: 0.3; filter: alpha(opacity=30); } opacity:1; filter:alpha(opacity=100); } Wenn Sie also den Mauszeiger über img bewegen, ändert sich die Deckkraft von #thisElement auf 30% und die Deckkraft des Bildes […]