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.

14
Funktioniert Überlauf: versteckt auf <body> auf iPhone Safari?
Hat overflow:hiddenangewendet &lt;body&gt;Arbeit auf dem iPhone Safari? Es scheint nicht. Ich kann nicht auf der gesamten Website einen Wrapper erstellen, um dies zu erreichen ... Kennen Sie die Lösung? Beispiel: Ich habe eine lange Seite und möchte einfach den Inhalt verbergen, der sich unter der "Falte" befindet, und er sollte …
131 iphone  css  ipad  safari  overflow 
8
Fügen Sie einen Zeilenumbruch zu :: after oder :: before pseudo-element content hinzu
Ich habe keinen Zugriff auf HTML oder PHP für eine Seite und kann nur über CSS bearbeiten. Ich habe Änderungen an einer Site vorgenommen und Text über die ::afteroder ::beforePseudo-Elemente hinzugefügt und festgestellt, dass Escape-Unicode für Dinge wie ein Leerzeichen vor oder nach dem hinzugefügten Inhalt verwendet werden sollte. Wie …
131 css 
10
YouTube-Video eingebettet über iframe Z-Index ignorieren?
Ich versuche, ein horizontales mehrstufiges Dropdown-Navigationsmenü zu implementieren. Unmittelbar unterhalb (vertikal) des Menüs habe ich ein YouTube-Video über iframe eingebettet. Wenn ich mit der Maus über eines der Hauptnavigationselemente in Firefox fahre, wird das Dropdown-Menü ordnungsgemäß über dem Video angezeigt . In Chrome und IE9 ist jedoch nur ein Teil …
130 css  iframe  youtube 
7
CSS-Stil überschreiben und zurücksetzen: Auto oder keine funktionieren nicht
Ich möchte das folgende für alle Tabellen definierte CSS-Styling überschreiben: table { font-size: 12px; width: 100%; min-width: 400px; display:inline-table; } Ich habe eine bestimmte Tabelle mit Klasse genannt 'other'. Schließlich sollte die Tischdekoration so aussehen: table.other { font-size: 12px; } Also muss ich 3 Eigenschaften entfernen : width, min-widthunddisplay Ich …
130 css  width  overriding 
7
Soll ich Bilder als data / base64 in CSS oder HTML einbetten?
Um die Anzahl der Anfragen auf dem Server zu reduzieren, habe ich einige Bilder (PNG &amp; SVG) als BASE64 direkt in das CSS eingebettet. (Es ist im Erstellungsprozess automatisiert) so was: background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAFWHRTb2Z0d2FyZQBBZG etc...); Ist das eine gute Praxis? Gibt es einige Gründe, dies zu vermeiden? Gibt es einen großen …
130 html  css  base64 
5
Warum kann ich nicht mit Rand zentrieren: 0 Auto?
Ich habe eine #headerDiv, die ist, 100% widthund innerhalb dieser Div habe ich eine ungeordnete Liste. Ich habe mich margin: 0 autoauf die ungeordnete Liste beworben , aber sie wird nicht im Header-Div zentriert. Kann mir bitte jemand sagen warum? Ich dachte, wenn ich die Breite des übergeordneten Div definiere, …
130 html  css  margin 
5
Ist es möglich, die letzten n Elemente mit dem n-ten Kind auszuwählen?
Mit einer Standardliste versuche ich, die letzten beiden Listenelemente auszuwählen. Ich habe verschiedene Permutationen von, An+Baber nichts scheint die letzten 2 auszuwählen: li:nth-child(n+2) {} /* selects from the second onwards */ li:nth-child(n-2) {} /* selects everything */ li:nth-child(-n+2) {} /* selects first two only */ li:nth-child(-n-2) {} /* selects nothing …
130 css  css-selectors 
9
Das Auffüllen innerhalb der Eingänge unterbricht die Breite um 100%
Ok, wir wissen also, dass das Festlegen des Auffüllens für ein Objekt dazu führt, dass sich seine Breite ändert, selbst wenn es explizit festgelegt wird. Während man die Logik dahinter argumentieren kann, verursacht sie einige Probleme mit einigen Elementen. In den meisten Fällen fügen Sie einfach ein untergeordnetes Element hinzu …
130 css  input  padding 
4
CSS-Pseudoklassen mit Inline-Stilen
Overа этот вопрос есть ответы на Stapelüberlauf на русском : Как прописать: hover внутри style = ''? Ist es möglich, Pseudoklassen mit Inline-Stilen zu haben? Beispiel: &lt;a href="http://www.google.com" style="hover:text-decoration:none;"&gt;Google&lt;/a&gt; Ich weiß, dass der obige HTML-Code nicht funktioniert, aber gibt es etwas Ähnliches? PS Ich weiß, ich sollte ein externes Stylesheet …
6
Verketten Sie Zeichenfolgen in Less
Ich denke, das ist nicht möglich, aber ich dachte, ich frage, falls es einen Weg gibt. Die Idee ist, dass ich eine Variable für den Pfad zum Webressourcenordner habe: @root: "../img/"; @file: "test.css"; @url: @root@file; .px { background-image: url(@url); } Ich bekomme das als Ergebnis: .px { background-image: url("../img/" "test.css"); …
129 css  path  web  less  concat 
15
CSS-Texttransformation nutzt alle Großbuchstaben
Hier ist mein HTML: &lt;a href="#" class="link"&gt;small caps&lt;/a&gt; &amp; &lt;a href="#" class="link"&gt;ALL CAPS&lt;/a&gt; Hier ist mein CSS: .link {text-transform: capitalize;} Die Ausgabe ist: Small Caps &amp; ALL CAPS und ich möchte, dass die Ausgabe ist: Small Caps &amp; All Caps Irgendwelche Ideen?
129 css 
4
Twitter Bootstrap: Div in Container mit 100% Höhe
Mit Twitter Bootstrap (2) habe ich eine einfache Seite mit einer Navigationsleiste, und innerhalb der containermöchte ich ein Div mit 100% Höhe hinzufügen (am unteren Bildschirmrand). Mein CSS-Fu ist rostig und ich kann das nicht herausfinden. Einfaches HTML: &lt;body&gt; &lt;div class="navbar navbar-fixed-top"&gt; &lt;!-- Rest of nav bar chopped from here …
9
<Körper> den gesamten Bildschirm ausfüllen lassen?
Ich verwende einen radialen Farbverlauf als Hintergrund auf meiner Webseite, wie folgt: background-image: -webkit-gradient(radial, 100% 100%, 10, 90% 90%, 600, from(#ccc), to(#000)); Es funktioniert, aber wenn der Inhalt nicht die gesamte Seite ausfüllt, wird der Farbverlauf abgeschnitten. Wie kann ich dafür sorgen, dass das &lt;body&gt;Element immer die gesamte Seite ausfüllt?
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.