Articles of css

Warum benötigen die Pseudoelemente: before und: after eine ‘content’-Eigenschaft?

In Anbetracht des folgenden Szenarios: Warum benötigt der: after-Selektor eine Inhaltseigenschaft, um zu funktionieren? .test { width: 20px; height: 20px; background: blue; position:relative; } .test:after { width: 20px; height: 20px; background: red; display: block; position: absolute; top: 0px; left: 20px; } Beachten Sie, wie Sie das Pseudoelement erst sehen, wenn Sie die Inhaltseigenschaft angeben: .test […]

Rand-Radius mit CSS3 einfügen

Gibt es eine Möglichkeit, mit css3 einen eingefügten Rahmenradius zu erstellen? (Ohne Bilder) Ich brauche einen Grenzradius wie folgt:

Ist das Einbetten von Hintergrundbilddaten in CSS als Base64 gut oder schlecht?

Ich habe mir die Quelle eines Nutzer-Skripts von greasemonkey angeschaut und folgendes in ihrem CSS bemerkt: .even { background: #fff url(data:image/gif;base64,R0lGODlhBgASALMAAOfn5+rq6uvr6+zs7O7u7vHx8fPz8/b29vj4+P39/f///wAAAAAAAAAAAAAAAAAAACwAAAAABgASAAAIMAAVCBxIsKDBgwgTDkzAsKGAhxARSJx4oKJFAxgzFtjIkYDHjwNCigxAsiSAkygDAgA7) repeat-x bottom} Ich kann mir vorstellen, dass ein Greymonkey-Skript alles, was es in der Quelle hat, bündeln will, anstatt es auf einem Server zu hosten, das ist offensichtlich. Aber da ich diese Technik bisher […]

Google Chrome Druckseitenumbrüche

Ich versuche Google Chrome für Seitenumbrüche zu bekommen. Mir wurde über eine Reihe von Websites gesagt, dass page-break-after: always; ist in Chrom gültig, aber ich kann nicht scheinen, es sogar mit einem sehr einfachen Beispiel zu arbeiten. Gibt es eine Möglichkeit, beim Drucken in Chrome einen Seitenumbruch zu erzwingen?

Die CSS-Eigenschaft text-decoration kann nicht durch das untergeordnete Element überschrieben werden

Mögliche Duplikate: Wie bekomme ich diese CSS-Text-Dekoration-Überschreibung zu arbeiten? Sehen Sie sich dieses einfache Beispiel an: A red anchor a { color:blue; font-family:Times New Roman; text-decoration:underline; } span { color:red; font-family:Arial; text-decoration:none; } Live-Demo: http://jsfiddle.net/5t9sV/ Wie Sie in der Demo zu JSfiddle sehen können, überschreibt das SPAN-Element die color und font-family des übergeordneten ANCHOR-Elements. Die […]

Gemeinsame Haltepunkte für Medienabfragen auf einer Responsive-Site

Also arbeite ich an meiner ersten responsiven Website, die Medienanfragen ausgiebig nutzt. Ich habe mich gefragt, ob es einige allgemeine Seitenbreiten gibt, für die ich optimieren sollte. Ich werde wahrscheinlich eine maximale Breite haben (nicht voll flüssig) Ich denke, ich werde vielleicht 3-5 Satzbreiten mit lustigen kleinen CSS3 Übergängen zwischen ihnen haben (ähnlich wie CSS […]

Wie definiert man mehrere CSS-Attribute in JQuery?

Gibt es einen syntaktischen Weg in JQuery, um mehrere CSS-Attribute zu definieren, ohne alles wie folgt nach rechts zu zeichnen: $(“#message”).css(“width”, “550px”).css(“height”, “300px”).css(“font-size”, “8pt”); Wenn Sie, sagen wir, 20 davon haben, wird Ihr Code schwer zu lesen sein, irgendwelche Lösungen? Von der jQuery-API beispielsweise versteht jQuery und gibt den korrekten Wert für beide Werte zurück […]

Was bedeutet der Schrägstrich in der CSS-Kurzschrift?

Ich sehe die folgende CSS-Deklaration in einem Stylesheet: font: 12px/18px … Was bedeutet der 12px/18px Teil genau?

$ (window) .width () ist nicht dasselbe wie Medienabfrage

Ich verwende Twitter Bootstrap für ein Projekt. Neben den Standard-Bootstrap-Stilen habe ich auch eigene hinzugefügt //My styles @media (max-width: 767px) { //CSS here } Ich benutze auch jQuery, um die Reihenfolge bestimmter Elemente auf der Seite zu ändern, wenn die Breite des Ansichtsfensters weniger als 767px beträgt. $(document).load($(window).bind(“resize”, checkPosition)); function checkPosition() { if($(window).width() < 767) […]

Verhindern, dass Bildlaufleisten für MacOS-Trackpad-Benutzer in WebKit / Blink ausgeblendet werden

Das Standardverhalten von WebKit / Blink (Safari / Chrome) auf MacOS seit 10.7 (Mac OS X Lion) besteht darin, Bildlaufleisten von Trackpadbenutzern auszublenden, wenn sie nicht verwendet werden. Dies kann verwirrend sein ; Die Bildlaufleiste ist oft der einzige visuelle Hinweis, dass ein Element scrollbar ist. Beispiel ( jsfiddle ) HTML Foo Bar Baz Help […]