Als «css» getaggte Fragen

CSS (Cascading Style Sheets) ist eine Darstellungssprache, die zur Beschreibung des Erscheinungsbilds und der Formatierung von HTML-Dokumenten (HyperText Markup Language), XML-Dokumenten (Extensible Markup Language) und SVG-Elementen verwendet wird, einschließlich (aber nicht beschränkt auf) Farben, Layout, Schriftarten, und Animationen. Außerdem wird beschrieben, wie Elemente auf dem Bildschirm, auf Papier, in der Sprache oder auf anderen Medien gerendert werden sollen.

5
Richtige SCSS-Asset-Struktur in Rails
Ich habe also eine app/assets/stylesheets/Verzeichnisstruktur, die ungefähr so ​​aussieht: |-dialogs |-mixins |---buttons |---gradients |---vendor_support |---widgets |-pages |-structure |-ui_elements In jedem Verzeichnis gibt es mehrere Sass-Partials (normalerweise * .css.scss, aber ein oder zwei * .css.scss.erb). Ich gehe vielleicht von viel aus, aber Rails MÜSSEN aufgrund von *= require_tree .application.css automatisch alle …
2
Wie soll ein CSS "display: table-column" funktionieren?
In Anbetracht des folgenden HTML und CSS sehe ich absolut nichts in meinem Browser (Chrome und IE zum Zeitpunkt des Schreibens). Alles kollabiert auf 0x0 px. Warum? <!DOCTYPE html> <html> <head> <style type="text/css"> section { display: table; height: 100%; background-color: grey; } #colLeft { display: table-column; height: 100%; background-color: green; …
7
Lassen Sie ein Div die verbleibende Breite ausfüllen
Overа этот вопрос есть ответы на Stapelüberlauf на русском : Div. Занять оставшееся место Wie kann ich ein Div dazu bringen, die verbleibende Breite auszufüllen? <div id="Main" style="width: 500px;"> <div id="div1" style="width: 100px;"></div> <div id="div2"></div> <div id="div3" style="width: 100px; float: right;"></div> </div> Wie kann ich div2den Rest auffüllen?
86 html  css 
3
Wie verwende ich relative / absolute Pfade in CSS-URLs?
Ich habe einen Produktions- und Entwicklungsserver. Das Problem ist die Verzeichnisstruktur. Entwicklung: http://dev.com/subdir/images/image.jpg http://dev.com/subdir/resources/css/style.css Produktion: http://live.com/images/image.jpg http://live.com/resources/css/style.css Wie kann ich einen style.cssIn- cssOrdner haben, der auf beiden Servern denselben Pfad für die background: urlEigenschaft verwendet? Gibt es einen Trick, den ich mit relativen Pfaden verwenden kann?
3
Symbolschriftarten: Wie funktionieren sie?
Ich verstehe, dass Symbolschriftarten nur Schriftarten sind und dass Sie die Symbole erhalten können, indem Sie einfach ihren Klassennamen aufrufen. Aber wie funktionieren Symbolschriftarten ? Ich habe versucht, die in Chrome geladenen Ressourcen für zugehörige Symbolschriftarten zu überprüfen, um festzustellen, wie Symbolschriftarten Symbole anzeigen (im Vergleich zu allgemeinen Schriftarten), konnte …
86 css  web  fonts  icons  icon-fonts 
5
Einfachste CSS für "rote" Benachrichtigungen im Facebook-Stil
Ich brauche eine Benachrichtigung im Facebook-Stil, aber es scheint schwierig, etwas zu bekommen, das über den Browser hinweg gut aussieht. Beispielsweise scheinen verschiedene Browser Auffüllungen unterschiedlich zu behandeln, was zu seltsam aussehenden Benachrichtigungen führt. Was ist der beste browserübergreifende Weg, um sicherzustellen, dass die Benachrichtigungen gut angezeigt werden? Nicht nachteilig …
5
Den Texthintergrund transparent machen, aber nicht den Text selbst
Ich habe also ein Problem. Ich habe mich umgesehen und umgesehen, aber kein Glück. Ich möchte den Hintergrund meines Körpers transparent machen, aber den Text nicht transparent lassen. Wie es jetzt ist, mache ich beide die gleiche Deckkraft. Hier ist mein Code: @charset "utf-8"; body { font: 100%/1.4 Verdana, Arial, …
86 html  css  text  opacity 
7
Umriss nur an einem Rand
So wenden Sie einen eingefügten Rahmen auf ein HTML-Element an, jedoch nur auf einer Seite. Bis jetzt habe ich ein Bild verwendet, um dies zu tun (GIF / PNG), das ich dann als Hintergrund verwenden und es dehnen (Wiederholung-x) und ein wenig von der Oberseite meines Blocks entfernt positionieren würde. …
86 html  css 
4
Bringen Sie das Element mit CSS nach vorne
Ich kann nicht herausfinden, wie ich Bilder mit nach vorne bringen kann CSS. Ich habe bereits versucht, den Z-Index auf 1000 und die Position auf Relativ zu setzen, aber es schlägt immer noch fehl. Hier ist ein Beispiel: #header { background: url(http://placehold.it/420x160) center top no-repeat; } #header-inner { background: url(http://placekitten.com/150/200) …
86 html  css  z-index  jsfiddle 
5
Was ist der Wert der CSS-Ex-Einheit?
(Nicht zu verwechseln mit Xunit , einer beliebten .Net-Unit-Testing-Bibliothek.) Aus Langeweile habe ich heute angefangen, Gmails DOM zu inspizieren (ja, ich war sehr gelangweilt). Alles sah ziemlich einfach aus, bis ich eine interessante Spezifikation für die Breite bestimmter Elemente bemerkte. Die berühmten Googliten hatten eine Reihe von Tabellenspalten mit der …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.