Als «css» getaggte Fragen

Ich wundere mich über die Unterstützung für seitenspezifische innere Schatten in CSS3. Ich weiß, dass dies in unterstützten Browsern hervorragend funktioniert. div { box-shadow:inset 0px 1px 5px black; } Ich bin nur neugierig, ob es einen Weg gibt, etwas zu erreichen wie: div { box-shadow-top:inset 0px 1px 5px black; }

80 css 

Daher habe ich derzeit einen jQuery-Dialog mit zwei Schaltflächen: Speichern und Schließen. Ich erstelle den Dialog mit dem folgenden Code: $dialogDiv.dialog({ autoOpen: false, modal: true, width: 600, resizable: false, buttons: { Cancel: function() { // Cancel code here }, 'Save': function() { // Save code here } }, close: function() …

80 jquery  css  jquery-ui  button  dialog 

Es scheint, dass die Feldmenge standardmäßig 100% der Breite ihres Containers beträgt. Gibt es eine Möglichkeit, dass das Feld so groß sein kann wie das breiteste Steuerelement innerhalb des Feldsatzes?

80 html  css  fieldset 

Ich habe einen Titel, der eine oder mehrere Zeilen haben kann. Wie kann ich den Text vertikal ausrichten? Wenn es immer eine Zeile wäre, könnte ich einfach die Zeilenhöhe auf die Containerhöhe einstellen. Ich kann es mit JavaScript machen, aber es gefällt mir nicht wirklich, ich suche nach einem reinen …

80 html  css 

jsFiddle- Demo Ich möchte, dass das divs: Wickeln Sie ihren Inhalt ein. Bleiben Sie in der ursprünglich zugeordneten Linie, im Wesentlichen ohne Umbruch. Grundsätzlich stapeln sich die Tabellen untereinander, wenn sie nicht auf dem Bildschirm bleiben können. Ich würde es vorziehen, wenn sie außerhalb des Bildschirms versteckt würden. Ich habe …

80 html  css  layout 

Bei dieser Frage geht es darum, die eigentlichen CSS-Anweisungen selbst in einer CSS-Datei zu organisieren. Wenn ich eine neue Seite oder einen neuen Satz von Seiten entwickle, füge ich der CSS-Datei normalerweise nur Anweisungen von Hand hinzu und versuche, sie umzugestalten, wenn ich kann. Nach einiger Zeit habe ich Hunderte …

80 css 

Ich kann die anfängliche Texteingabegröße in CSS wie folgt einstellen: width: 50px; Aber ich möchte, dass es wächst, wenn ich tippe, bis es zum Beispiel 200px erreicht. Kann dies in reinem CSS, HTML, vorzugsweise ohne Javascript erfolgen? Veröffentlichen Sie natürlich auch Ihre js / jquery-Lösungen, aber wenn dies ohne sie …

80 javascript  jquery  html  css 

Ich habe ein <div>Tag erstellt, in dem ich zwei Klassen für ein <div>Tag anwenden wollte, das eine Miniaturbildgalerie sein würde. Eine Klasse für ihre Position und die andere Klasse für ihren Stil. Auf diese Weise konnte ich den Stil anwenden, ich hatte einige seltsame Ergebnisse, die mich zu einer Frage …

80 class  css  html 

Kann ein CSS pxein Bruchteil sein? Ist es nach den Standards erlaubt? Und wenn ja, unterstützen die großen Browser dies? Lassen Sie uns die Antworten mit Dokumentation untermauern, Leute.

80 css  w3c 

In letzter Zeit habe ich Websites entworfen, die reaktionsschneller sind, und ich habe häufig CSS-Medienabfragen verwendet. Ein Muster, das mir aufgefallen ist, ist, dass die Reihenfolge, in der die Medienabfragen definiert werden, tatsächlich von Bedeutung ist. Ich habe es nicht in jedem einzelnen Browser getestet, sondern nur in Chrome. Gibt …

80 css  media-queries  responsive-design 

Was ist der richtige Weg, @font-facedamit der Browser die Schriftart nicht herunterlädt, wenn der Benutzer sie bereits hat? Ich verwende @ font-face, um DejaVu zu definieren, das bereits auf meinem System (Linux) installiert ist. Firefox lädt die Schriftart nicht herunter, aber Chromium lädt sie jedes Mal herunter! Mein CSS-Code, basierend …

80 css  font-face 

tl; dr Verstecken Sie die E-Mail-Adresse vor Bots, ohne Skripte zu verwenden, und behalten Sie die mailto:Funktionalität bei. Die Methode muss auch Screenreader unterstützen. Zusammenfassung E-Mail- Verschleierung ohne Verwendung von Skripten oder Kontaktformularen Die E-Mail-Adresse muss für den menschlichen Betrachter vollständig sichtbar sein und die mailto:Funktionalität beibehalten Die E-Mail-Adresse darf …

80 html  css  web-crawler  mailto 

Ich verwende den folgenden Code. Wie platziere ich diese Tabelle mit CSS in der Mitte der Seite? <html> <head> <link rel="stylesheet" type="text/css" href="styles.css" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>The Main Page</title> </head> <body> <table> <tr> <td><button class="lightSquare"></button></td> <td><button class="darkSquare"></button></td> <td><button class="lightSquare"></button></td> <td><button class="darkSquare"></button></td> <td><button class="lightSquare"></button></td> <td><button class="darkSquare"></button></td> <td><button class="lightSquare"></button></td> <td><button …

80 html  css  html-table  center 

Ich habe 3 Spalten, die ich auf Desktop und Mobile auf unterschiedliche Weise bestellen möchte. Derzeit sieht mein Gürtel so aus: <div class="row"> <div class="col-xs-3 col-md-6"> 1 </div> <div class="col-xs-3 col-md-6"> 2 </div> <div class="col-xs-6 col-md-12"> 3 </div> </div> Führen Sie das Code-Snippet ausErgebnisse ausblendenErweitern Sie das Snippet In der …

80 css  bootstrap-4  grid 

Ich möchte einen Fortschrittsbalken wie im folgenden Bild erstellen: Ich habe keine Ahnung, wie ich das schaffen soll. Soll ich HTML5-Techniken verwenden? Würden Sie mir bitte beim Erstellen dieses Fortschrittsbalkens helfen?

80 html  css  progress-bar