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.

10
Gibt es so etwas wie Min-Schriftgröße und Max-Schriftgröße?
Ich versuche, eine Schriftart in einem Div so zu gestalten, dass sie auf das Browserfenster reagiert. Bisher hat es perfekt funktioniert, aber der Eltern-Div hat einen max-widthvon 525px. Wenn Sie die Größe des Browsers weiter ändern, wird die Größe der Schriftart nicht gestoppt. Ich habe mich gefragt, ob es so …
99 html  css  fonts  font-size 
7
Styling von HTML-E-Mails für Google Mail
Ich generiere eine HTML-E-Mail, die ein internes Stylesheet verwendet, d. H. <!doctype html> <html> <head> <style type="text/css"> h2.foo {color: red} </style> </head> <body> <h2 class="foo">Email content here</foo> </body> </html> In Google Mail werden anscheinend alle Stile im internen Stylesheet ignoriert. Es scheint, dass Google Mail alle Stile außer Inline-Regeln ignoriert, …
99 html  css  gmail  html-email 
15
Animation CSS3: Anzeige + Deckkraft
Ich habe ein Problem mit einer CSS3-Animation. .child { opacity: 0; display: none; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .parent:hover .child { opacity: 0.9; display: block; } Dieser Code funktioniert nur, wenn ich die Änderung von entferne display. Ich möchte die Anzeige direkt …
99 animation  css 
8
Wie verdunkle ich einen Hintergrund mit CSS?
Ich habe ein Element mit Text. Immer wenn ich die Opazität verringere, verringere ich die Opazität des GANZEN Körpers. Kann ich das background-imageDunkle auf irgendeine Weise dunkler machen und nicht alles andere? background-image:url('http://fc02.deviantart.net/fs71/i/2011/274/6/f/ocean__sky__stars__and_you_by_muddymelly-d4bg1ub.png');
99 html  css  opacity 
29
Font awesome zeigt kein Symbol an
Ich verwende Font Awesome und möchte kein CSS mit HTTP hinzufügen. Ich habe Font Awesome heruntergeladen und in meinen Code aufgenommen, aber Font Awesome zeigt ein umrandetes quadratisches Feld anstelle eines Symbols an. Hier ist mein Code: <html> <head> <link rel="stylesheet" href="../css/font-awesome.css"> <link rel="stylesheet" href="../css/font-awesome.min.css"> </head> <body> <div style="font-size: 44px;"> …
99 html  css  font-awesome 
12
Ermittelt den prozentualen Wert der CSS-Regel in jQuery
Angenommen, die Regel lautet wie folgt: .largeField { width: 65%; } Gibt es eine Möglichkeit, '65% 'irgendwie zurückzubekommen und nicht den Pixelwert? Vielen Dank. BEARBEITEN: Leider ist die Verwendung von DOM-Methoden in meinem Fall unzuverlässig, da ich ein Stylesheet habe, das andere Stylesheets importiert, und der Parameter cssRules daher entweder …
98 jquery  css 
6
CSS Z-Index Paradox Blume
Ich möchte über die z-index CSS- Eigenschaft einen paradoxen Effekt erzeugen . In meinem Code habe ich fünf Kreise, wie im Bild unten, und alle sind absolut ohne Definition positioniert z-index. Daher überlappt standardmäßig jeder Kreis den vorherigen. Im Moment überlappt Kreis 5 Kreis 1 (linkes Bild). Das Paradoxon, das …
98 css  z-index 
5
Was macht ein Sternchen (*) in einem CSS-Selektor?
Ich habe diesen CSS-Code gefunden und ihn ausgeführt, um zu sehen, was er tut, und er hat JEDES Element auf der Seite beschrieben. Kann jemand erklären, was der Asterisk * in CSS macht? <style> * { outline: 2px dotted red } * * { outline: 2px dotted green } * …
7
CSS-Z-Index nach Webkit-Transformation translate3d verloren
Ich habe zwei absolut positionierte div-Elemente, die sich überlappen. Beide haben Z-Index-Werte über CSS festgelegt. Ich verwende die translate3dWebkit-Transformation, um diese Elemente vom Bildschirm zu animieren und dann wieder auf den Bildschirm zu gelangen. Nach der Transformation respektieren die Elemente ihre eingestellten z-indexWerte nicht mehr . Kann jemand erklären, was …
98 css  webkit  transform 
1
Warum hat Bootstrap 3 auf Box-Sizing: Border-Box umgestellt?
Ich migriere meine Bootstrap-Designs von Version 2.3.2 auf Version 3.0.0. Eine Sache, die mir aufgefallen ist, ist, dass viele Dimensionen aufgrund der folgenden Stile in bootstrap.css unterschiedlich berechnet werden. *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } Kann jemand erklären, warum Bootstrap die Boxgröße aller Elemente auf …
15
Wie erstellt man eine Umschalttaste?
Ich möchte eine Umschaltfläche in HTML mit CSS erstellen. Ich möchte, dass es beim Klicken darauf gedrückt bleibt und dann beim erneuten Klicken herausspringt. Wenn es keine Möglichkeit gibt, verwenden Sie einfach CSS. Gibt es eine Möglichkeit, dies mit jQuery zu tun?
98 jquery  html  css 
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.