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
Flex / Grid-Layouts funktionieren nicht mit Schaltflächen- oder Feldsatzelementen
Ich versuche, innere Elemente eines <button>Tags mit Flexboxen zu zentrieren justify-content: center. Aber Safari zentriert sie nicht. Ich kann den gleichen Stil auf alle anderen Tags anwenden und er funktioniert wie vorgesehen (siehe <p>-tag). Nur die Schaltfläche ist linksbündig. Probieren Sie Firefox oder Chrome aus und Sie können den Unterschied …
91 html  css  safari  flexbox  css-grid 
8
Deaktivieren Sie die Farbänderung des Ankertags beim Besuch
Ich muss die Farbänderung eines Ankertags beim Besuch deaktivieren. Ich war das: a:visited{ color: gray } (Der Link hat vor dem Besuch eine graue Farbe.) Auf diese Weise gebe ich die Farbe nach dem Besuch des Links explizit an, was wiederum eine Farbänderung darstellt. Wie kann ich die Farbänderung eines …
91 html  css  anchor 
4
Widerspricht 'position: absolute' der Flexbox?
Ich möchte einen divStick oben auf dem Bildschirm erstellen, ohne Einfluss auf andere Elemente und das untergeordnete Element in der Mitte zu haben. .parent { display: flex; justify-content: center; position: absolute; } <div class="parent"> <div class="child">text</div> </div> Führen Sie das Code-Snippet ausErgebnisse ausblendenErweitern Sie das Snippet Wenn ich die position: …
6
Entfernen Sie den iOS-Eingabeschatten
Unter iOS (Safari 5) muss ich für das Eingabeelement (oberer innerer Schatten) Folgendes beachten: Ich möchte den oberen Schatten entfernen, der Fehler -webkit-appearancewird nicht gespeichert. Aktueller Stil ist: input { border-radius: 15px; border: 1px dashed #BBB; padding: 10px; line-height: 20px; text-align: center; background: transparent; outline: none; -webkit-appearance: none; -moz-appearance: none; …
91 ios  css  input 
10
So schließen Sie Warnungen mithilfe von Twitter Bootstrap automatisch
Ich verwende das Bootstrap-CSS-Framework von Twitter (was fantastisch ist). Für einige Nachrichten an Benutzer zeige ich sie mithilfe der Warnungen Javascript JS und CSS an. Interessenten finden es hier: http://getbootstrap.com/javascript/#alerts Mein Problem ist dies; Nachdem ich einem Benutzer eine Warnung angezeigt habe, möchte ich, dass diese nach einem bestimmten Zeitintervall …
6
Mit Twitter Bootstrap eine Schaltfläche vertikal in der Tabellenzelle zentrieren
Ich verwende Twitter Bootstrap und versuche, eine Schaltfläche in einer Tabellenzelle zu zentrieren. Ich brauche es nur wirklich vertikal zentriert. <table class="table table-bordered table-condensed"> <tbody> <tr> <td><a href="#" class="btn btn-primary"><i class="icon-check icon-white"></i></a></td> <td><a href="#">Todo Item One</a><br /><span class="label label-success">One thing</span></td> </tr> </tbody> </table> Bitte sehen Sie meine JSFiddle für das …
4
CSS: So erhalten Sie Bildlaufleisten für div innerhalb eines Containers mit fester Höhe
Ich habe das folgende Markup: <div class="FixedHeightContainer"> <h2>Title</h2> <div class="Content"> ..blah blah blah... </div> </div> Das CSS sieht folgendermaßen aus: .FixedHeightContainer { float:right; height: 250px; width:250px; } .Content { ??? } Aufgrund seines Inhalts ist die Höhe von div.Contenttypischerweise größer als der von bereitgestellte Raum div.FixedHeightContainer. Im Moment div.Contenterstreckt sich …
11
Googles bildlose Schaltflächen
In letzter Zeit gab es einige Artikel über die neuen bildlosen Schaltflächen von Google: http://stopdesign.com/archive/2009/02/04/recreating-the-button.html http://stopdesign.com/eg/buttons/3.0/code.html http://stopdesign.com/eg/buttons/3.1/code.html http://gmailblog.blogspot.com/2009/02/new-ways-to-label-with-move-to-and-auto.html Mir gefällt sehr gut, wie diese neuen Schaltflächen in Google Mail funktionieren. Wie kann ich diese oder ähnliche Schaltflächen auf meiner Website verwenden? Gibt es Open Source-Projekte mit einem ähnlichen Look & …
11
Transparenter Text aus dem Hintergrund ausgeschnitten
Gibt es eine Möglichkeit , mit CSS einen transparenten Text aus einem Hintergrundeffekt wie dem im folgenden Bild herauszuschneiden ? Es wäre traurig, alle wertvollen SEOs zu verlieren, weil Bilder Text ersetzen. Ich habe zuerst an Schatten gedacht, aber ich kann nichts herausfinden ... Das Bild ist der Site-Hintergrund, ein …
90 css  svg  fonts  css-shapes 
6
Wie kann ich Folgendes überprüfen und optimieren: vor und nach Pseudoelementen im Browser?
Ich habe einige ziemlich ausgefeilte DOM-Elemente mit einem: after-Pseudoelement erstellt und möchte sie entweder in Chrome Inspector oder Firebug oder einem gleichwertigen Element überprüfen und optimieren können. Obwohl diese Funktion in diesem WebKit / Safari-Blogbeitrag (vom 2010) erwähnt wird, kann ich diese Funktion weder in Chrome noch in Safari finden. …
6
CSS Transition funktioniert nicht mit oben, unten, links, rechts
Ich habe ein Element mit Stil position: relative; transition: all 2s ease 0s; Dann möchte ich seine Position reibungslos ändern, nachdem ich darauf geklickt habe, aber wenn ich die Stiländerung hinzufüge, findet der Übergang nicht statt, sondern das Element bewegt sich sofort. $$('.omre')[0].on('click',function(){ $$(this).style({top:'200px'}); }); Wenn ich jedoch colorbeispielsweise die …
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.