Articles of css

Sollte ich ‘border: none’ oder ‘border: 0’ verwenden?

Welche der beiden Methoden entspricht den W3C-Standards? Verhalten sich beide Browser wie erwartet? Grenze: keine; Grenze: 0;

Wie ID als Selektor bei Verwendung von Hash nehmen?

Angenommen, das folgende HTML: test1 test2 Nun, das Folgende würde nicht funktionieren, warum? css …. #test#1{color: red;} jQuery …. $(‘#test#2’).css(‘color’,’blue’);

Dynamische Sass-Variablen

Gibt es eine Möglichkeit, meine Farbvariablen abhängig von der class im html-Element festzulegen? Oder einen anderen Weg, um dasselbe Ziel zu erreichen? html { &.sunrise { $accent: #37CCBD; $base: #3E4653; $flat: #eceef1; } &.moonlight { $accent: #18c; $base: #2a2a2a; $flat: #f0f0f0; } }

Bessere Möglichkeit, die Entfernung zwischen den Flexbox-Elementen festzulegen

Um den Mindestabstand zwischen den Flexbox-Elementen festzulegen, verwende ich margin: 0 5px on .item und margin: 0 -5px on container. Für mich sieht es wie ein Hack aus, aber ich kann keinen besseren Weg finden, dies zu tun. Beispiel #box { display: flex; width: 100px; margin: 0 -5px; } .item { background: gray; width: 50px; […]

Ampersand (&) am Ende, und ein Teil von einem Selektor in SASS

Ich habe ein Problem, mit dem ich Probleme habe. Ich habe dieses Mixin (was ein Versuch ist, etwas weniger zu sass zu portieren): @mixin button-variant($color, $background, $border) { … .foreverAlone{ … } .iThink .illNeverWork& { color: $pinkUnicornRainbow; … } } Was offensichtlich nicht funktioniert: D Ich möchte, dass es etwas erzeugt wie: .callerClass .foreverAlone{ … […]

Leerraum um css3 Skala

Ich habe ein kleines Problem, das ich beheben möchte, kann aber keine gute Antwort finden: Wenn ich eine Skalierung für ein Div (das andere Divs enthält) verwende, lasse ich Leerraum um die “ursprüngliche” Breite und Höhe meines div herum: Wie kann ich den Raum um das Div entfernen, während skaliert? Ich kann js verwenden, wenn […]

Ist es möglich, eine gewinkelte Ecke in CSS zu erstellen?

Ich frage mich, ob es eine Möglichkeit gibt, diese Form mit reinem CSS zu erstellen. Um dieses Problem weiter zu erweitern, muss diese Form das Bild im Inneren schneiden (denken Sie an es als Maske – aber der graue Rand muss sichtbar sein). Oder sollte ich das besser in Canvas / Svg erstellen?

Setzen Sie Flexbox-Kinder auf unterschiedliche Höhen, um den verfügbaren Speicherplatz zu nutzen

Wie können in einem zweispaltigen Flexbox-Layout Kinder unterschiedlicher Größe so gestaltet werden, dass sie den gesamten verfügbaren Platz ausfüllen, anstatt dass alle Kinder die Höhe des höchsten untergeordneten Elements der Reihe haben? Ich habe eine Demo auf jsbin eingerichtet , die das Problem veranschaulicht. Ich möchte, dass alle Kinder die Größe ihres verpackten Inhalts haben. […]

Pflegen Sie das Seitenverhältnis nach Breite und Höhe

Es ist möglich, ein quadratisches div im Ansichtsfenster anzuordnen und zu zentrieren und immer das Seitenverhältnis entsprechend der Breite und Höhe beizubehalten? Bedarf : nur CSS Die Größe des Quadrats muss sich an die kleinste Dimension (Breite oder Höhe) des Darstellungsbereichs anpassen, unabhängig von der Ausrichtung (Querformat oder Hochformat) des Darstellungsbereichs. Das Quadrat muss horizontal […]

Warum wird ‘overflow: auto’ gelöscht? Und warum werden klare Schwimmer benötigt?

Meine Frage entstand, als ich meine (ersten!) Zwei Spalten erstellte. Ich habe einen Wrapper für meine linke und rechte Spalte, aber die Höhe der Hülle wurde nicht erweitert, um die linke und rechte Spalte mit jeweils auf der Seite schwebte. Ich habe online eine Lösung gefunden, bei der der Stil (das ist das richtige Wort?) […]