Articles of css

Wie man div erzeugt, um den gesamten Abstand zwischen Kopf- und Fußzeilen div. Zu füllen

Ich arbeite daran, von der Verwendung von Tabellen für Layoutzwecke zu divs zu wechseln (ja, ja, die große Debatte). Ich habe 3 Divs, einen Header, Inhalt und Fußzeile. Die Kopf- und Fußzeile sind jeweils 50px. Wie bekomme ich das Fußzeilen-Div am Ende der Seite und das Inhalts-Div, um den Zwischenraum dazwischen zu füllen? Ich möchte […]

Reaktives Hintergrundbild im Vollbildmodus

Ich bin sehr neu in Front-End-Entwicklung und Stiftung. Ich versuche, zu einem Vollbild zu machen, das entsprechend skaliert wird. Kann mir jemand sagen, was ich falsch mache? Es wird richtig skaliert, zeigt aber nicht das vollständige Bild an. Ich wollte auch die darüber auf einem mobilen Gerät sitzen – ist das möglich? Der HTML: BleepBleeps […]

CSS: unten fixiert und zentriert

Ich brauche meine Fußzeile am unteren Rand der Seite und um sie zu zentrieren. Der Inhalt der Fußzeile kann sich jederzeit ändern, sodass ich ihn nicht einfach über den linken Rand zentrieren kann: xxpx; Rand rechts: xxpx; Das Problem ist, dass dies aus irgendeinem Grund nicht funktioniert: #whatever { position: fixed; bottom: 0px; margin-right: auto; […]

Verwenden Sie CSS, um das Feld “erforderliches Feld” automatisch hinzuzufügen, um Eingaben zu bilden

Was ist ein guter Weg, um die unglückliche Tatsache zu überwinden, dass dieser Code nicht wie gewünscht funktioniert: Name: .required input:after { content:”*”; } In einer perfekten Welt würden alle erforderlichen input s das kleine Sternchen erhalten, das anzeigt, dass das Feld benötigt wird. Diese Lösung ist unmöglich, da das CSS nach dem Elementinhalt eingefügt […]

Float right und position absolute funktioniert nicht zusammen

Ich möchte, dass ein Div immer rechts von seinem Elternteil div ist, also verwende ich float:right . Es klappt. Aber ich möchte auch, dass es beim Einfügen keinen anderen Inhalt beeinflusst, also verwende ich position:absolute . Jetzt float:right funktioniert nicht, mein div steht immer links vom Elternteil div. Wie kann ich es nach rechts verschieben?

Polsterung unten / oben im Flexbox-Layout

Ich habe ein Flexbox-Layout mit zwei Elementen. Einer von ihnen verwendet padding-bottom : #flexBox { border: 1px solid red; width: 50%; margin: 0 auto; padding: 1em; display: flex; flex-direction: column; } #text { border: 1px solid green; padding: .5em; } #padding { margin: 1em 0; border: 1px solid blue; padding-bottom: 56.25%; /* intrinsic aspect ratio […]

Schriftgröße in CSS -% oder em?

Wenn ich die Schriftgröße in CSS festlege, sollte ich einen Prozentwert ( % ) oder em ? Kannst du den Vorteil erklären?

Unterschied zwischen Css Höhe: 100% vs Höhe: Auto

In einem Interview wurde mir eine Frage gestellt: “Was ist der Unterschied zwischen der css– height:100% und der height:auto ?” Kann jemand erklären?

Kann ich Bootstrap-Icons nur mit CSS Farbe hinzufügen?

Twitter Bootstrap verwendet Icons von Glyphicons . Sie sind standardmäßig available in dark gray and white ” available in dark gray and white : Ist es möglich, CSS-Tricks zu verwenden, um die colors der Symbole zu ändern? Ich hatte auf eine andere css3-Brillanz gehofft, die verhindern würde, dass für jede Farbe ein Icon-Bild gesetzt werden […]

Wenden Sie NUR Style auf IE an

Hier ist mein CSS-Block: .actual-form table { padding: 5px 0 15px 15px; margin: 0 0 30px 0; display: block; width: 100%; background: #f9f9f9; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } Ich will nur IE 7, 8 und 9 “sehen” width: 100% Was ist der einfachste Weg, dies zu erreichen?