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.

3
Verwenden der Rails 3.1-Assets-Pipeline zur bedingten Verwendung bestimmter CSS
Ich bin gerade dabei, meine erste Solo-Rails-App mit Rails 3.1.rc5 zu erstellen. Mein Problem ist, dass meine Site die verschiedenen CSS-Dateien unter bestimmten Bedingungen rendern soll. Ich verwende Blueprint CSS und versuche, Kettenräder / Schienen die screen.cssmeiste Zeit print.cssnur beim Drucken und ie.cssnur beim Zugriff auf die Site über Internet …
2
Was ist Kompass, was ist Sass ... wie unterscheiden sie sich?
Ich würde gerne Kompass und Sass verwenden, um die Entwicklung zu beschleunigen. Im Moment habe ich Sass auf einem Mac installiert und ihn angewiesen, die SCSS-Datei auf Eingabe und eine CSS-Datei auf generierte Ausgabe zu überwachen. Aus vielen Artikeln geht hervor, dass Sass mit Compass verwendet wird. Ich frage mich, …
166 css  sass  compass-sass 
5
Hinzufügen eines Sterns zu den erforderlichen Feldern in Bootstrap 3
Mein HTML hat eine Klasse namens .required , die den erforderlichen Feldern zugewiesen ist. Hier ist der HTML: <form action="/accounts/register/" method="post" role="form" class="form-horizontal"> <input type='hidden' name='csrfmiddlewaretoken' value='brGfMU16YyyG2QEcpLqhb3Zh8AvkYkJt' /> <div class="form-group required"> <label class="col-md-2 control-label">Username</label> <div class="col-md-4"> <input class="form-control" id="id_username" maxlength="30" name="username" placeholder="Username" required="required" title="" type="text" /> </div> </div> <div class="form-group …
5
Wenn Flexbox-Elemente im Spaltenmodus umbrochen werden, vergrößert der Container seine Breite nicht
Ich arbeite an einem verschachtelten Flexbox-Layout, das wie folgt funktionieren sollte: Die äußerste Ebene ( ul#main) ist eine horizontale Liste, die nach rechts erweitert werden muss, wenn weitere Elemente hinzugefügt werden. Wenn es zu groß wird, sollte eine horizontale Bildlaufleiste vorhanden sein. #main { display: flex; flex-direction: row; flex-wrap: nowrap; …
166 html  css  flexbox 
15
Kind innerhalb des Elternteils mit Mindestgröße: 100% erbt keine Größe
Ich habe einen Weg gefunden, einen Div-Container so zu gestalten, dass er mindestens die volle Höhe einer Seite einnimmt, indem ich ihn einstelle min-height: 100%;. Wenn ich jedoch ein verschachteltes div hinzufüge und setze height: 100%;, wird es nicht auf die Höhe des Containers gedehnt. Gibt es eine Möglichkeit, das …
166 css  html 
10
Überschreiben Sie den Body-Stil für Inhalte in einem Iframe
Wie kann ich das Hintergrundbild und die Farbe eines Körperelements innerhalb eines steuern iframe? Beachten Sie, dass das eingebettete Body-Element eine Klasse hat und iframeeine Seite ist, die Teil meiner Site ist. Der Grund, warum ich dies benötige, ist, dass meiner Site dem Körper ein schwarzer Hintergrund und dann Divs, …
165 css  iframe  styles  overriding 
13
100% Mindesthöhe CSS-Layout
Was ist der beste Weg, um ein Element mit einer Mindesthöhe von 100% in einer Vielzahl von Browsern zu erstellen? Insbesondere wenn Sie ein Layout mit einem headerund footervon fest haben height, Wie füllt man den mittleren Inhaltsteil 100%des Zwischenraums mit footerdem unten angeordneten?
164 html  css  xhtml 
12
Wie platziere ich eine Bildlaufleiste nur für den Modalkörper?
Ich habe folgendes Element: <div class="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog" style="overflow-y: scroll; max-height:85%; margin-top: 50px; margin-bottom:50px;" > <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title"></h3> </div> <div class="modal-body"></div> <div class="modal-footer"></div> </div> </div> </div> Es zeigt einen modalen Dialog wie diesen. Im Grunde genommen wird die Bildlaufleiste um den gesamten Bereich …
11
Probleme mit der IE7-Z-Index-Schichtung
Ich habe einen kleinen Testfall des IE7- z-indexFehlers isoliert , weiß aber nicht, wie ich ihn beheben soll. Ich habe den z-indexganzen Tag mit gespielt. Was ist los mit z-indexIE7? CSS testen: input { border: 1px solid #000; } div { border: 1px solid #00f; } ul { border: 1px …
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.