Als «css» getaggte Fragen

Ich habe ein Formular, das als Einstellungsseite fungiert. Wenn Formularelemente geändert werden, werden sie als markiert unsavedund haben eine andere Rahmenfarbe. Wenn das Formular gespeichert wird, werden sie durch eine andere Rahmenfarbe als gespeichert markiert. Ich möchte, dass der Rand beim Speichern des Formulars allmählich ausgeblendet wird. Die Bestellung wird …

79 css  css-transitions 

Angenommen, Sie haben das folgende CSS auf ein div-Tag angewendet .divtagABS { position: absolute; margin-left: auto; margin-right:auto; } Der Rand links und der Rand rechts werden nicht wirksam aber wenn Sie Verwandte haben, funktioniert es gut, dh ,divtagREL { position: relative; margin-left: auto; margin-right:auto; } warum ist das so? Ich …

79 html  css  position 

Ich habe einen H1-Stil für meine Website: .centercol h1 { color: #006bb6; font-weight: normal; font-size: 18px; padding:3px 3px 3px 6px; border-left:3px solid #c6c1b8; background:#f2efe9; display:block; } Die Hintergrundfarbe erstreckt sich über die gesamte Breite des Centercols, 500px ... Wie kann ich dafür sorgen, dass dieses H1 nur die Breite des …

79 css 

Ich habe versucht zu sehen, welches srcsetBild mein Browser über die Entwicklertools des Browsers verwendet, aber abgesehen von der Verwendung der Registerkarte "Netzwerk", um zu sehen, welches Bild er abruft, kann ich nicht sagen. Die Verwendung der Registerkarte "Netzwerk" ist normalerweise in Ordnung, aber manchmal habe ich festgestellt, dass 2 …

79 html  css  responsive-design  developer-tools  srcset 

Gibt es eine Größenbeschränkung für URL-Schemawerte für "Daten:"? Ich interessiere mich für Einschränkungen in gängigen Webbrowsern. Mit anderen Worten, wie lange kann data:image/jpg;base64,base64_encoded_datain <img src="data:image/jpg;base64,base64_encoded_data" />oder sein background-image: url(data:image/jpg;base64,base64_encoded_data)?

79 html  css 

Ich verwende einige Farben in meinem CSS-Stylesheet. Zum Beispiel, #testdiv{ background: #123456; } Ist es möglich, diese Farbe anhand des Namens zu definieren, damit ich sie im CSS-Blatt wie folgt referenzieren kann? #testdiv{ background: COLORNAME; }

79 css 

Ich habe gerade mit Twitter Bootstrap angefangen und hier ist eine Frage. Ich erstelle einen benutzerdefinierten <header>Block und möchte, dass die unteren Ecken abgerundet werden. Gibt es eine "richtige" Möglichkeit, dies mithilfe vordefinierter Klassen zu tun, oder muss ich sie manuell wie folgt angeben: border-radius: 10px; // and all that …

78 twitter-bootstrap  less  css 

Als ich die Warnungen in Bootstrap zum ersten Mal sah, dachte ich, sie würden sich wie das modale Fenster verhalten, herunterfallen oder einblenden und dann beim Schließen ausblenden. Aber es scheint, als wären sie immer sichtbar. Ich denke, ich könnte sie in einer Ebene über meiner App sitzen lassen und …

78 jquery  css  alerts  twitter-bootstrap 

Ich habe gerade das Sass-Tutorial verfolgt . Aus irgendeinem Grund generiert die Sass-Datei das CSS jedoch nicht korrekt. Das Terminal sagt, dass das CSS ungültig ist, aber ich bin mir ziemlich sicher, dass dies nicht der Fall ist. Ich habe versucht, es auch zu ändern, nur für den Fall, dass …

78 css  sass 

Ich möchte einen Text am oberen Rand eines Div ausrichten. Es scheint, dass vertical-align: text-top;das den Trick machen sollte, aber es funktioniert nicht. Die anderen Dinge, die ich getan habe, wie das Einfügen der Divs in Spalten und das Anzeigen eines gestrichelten Rahmens (damit ich sehen kann, wo sich die …

78 css  vertical-alignment 

Ich füge meinen Kopf- und Fußzeilen eine externe CSS-Datei und eine externe JS-Datei hinzu. Beim Laden einer HTTPS-Seite beschweren sich einige Browser, dass ich ungesicherten Inhalt lade. Gibt es eine einfache Möglichkeit, den Browser dazu zu bringen, den externen Inhalt über HTTPS zu laden, wenn die Seite selbst HTTPS ist?

78 javascript  html  css  https 

+--------------------+ | | | | | | | | | 1 | | | | | | | | | +--------------------+ | | | | | | | | | 2 | | | | | | | | | +--------------------+ Der Inhalt von (1), wie oben gezeigt, ist unbekannt, …

78 html  css  height  fill 

Ich habe eine Checkbox-Liste in einer Tabelle. (einer von mehreren CBs in der Reihe) <tr><td><input type="checkbox" class="custom_image" value="1" id="CB1" /><label for='CB1'> </label></td></tr> <tr><td><input type="checkbox" class="custom_image" value="2" id="CB2" /><label for='CB2'> </label></td></tr> <tr><td><input type="checkbox" class="custom_image" value="3" id="CB3" /><label for='CB3'> </label></td></tr> <tr><td><input type="checkbox" class="custom_image" value="4" id="CB4" /><label for='CB4'> </label></td></tr> Ich möchte das Kontrollkästchen durch ein Paar benutzerdefinierte …

78 css  checkbox  css-selectors 

Wie kann man eine Schaltfläche in Bootstrap 3 automatisch deaktivieren, nachdem man darauf geklickt hat? Um mein Problem zu replizieren, erstellen Sie eine Seite mit einigen Schaltflächen, geben Sie ihnen die entsprechenden Bootstrap-Klassen (und schließen Sie Bootstrap ein): <input id="one" type="button" class="btn btn-default" value="one"> <input id="two" type="button" class="btn btn-primary" value="two"> …

78 html  css  twitter-bootstrap-3  html-input 

Rasterspalten mit Listen-Tags müssen alle 3 Spalten in der richtigen Reihenfolge angezeigt werden, wobei die automatische Breite für jedes zusätzliche HTML-Listenelement aktiviert ist. Dies ist mein Beispiel: <style> ul { margin: 0; padding: 0; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; …

78 html  css  flexbox