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.

4
Polsterung unten / oben im Flexbox-Layout
Ich habe ein Flexbox-Layout mit zwei Elementen. Einer von ihnen verwendet Polsterung unten : Code-Snippet anzeigen #flexBox { border: 1px solid red; width: 50%; margin: 0 auto; padding: 1em; display: flex; flex-direction: column; } #text { border: 1px solid green; padding: .5em; } #padding { margin: 1em 0; border: 1px …
2
Was ist das :: content / :: slotted Pseudoelement und wie funktioniert es?
Für Google ist dies unmöglich, da in jedem Artikel, der über die :beforeund :afterPseudoelemente spricht , das Wort "Inhalt" verwendet wird. Ich habe in diesem CSS-Tricks-Artikel davon gehört und erklärt, wie ein Bildschieberegler als Anwendungsbeispiel für Webkomponenten implementiert wird. Das darin enthaltene Codebeispiel lautet wie folgt: CSS #slides ::content img …
6
Problem mit der Schriftgröße auf Mobile Safari (iPhone) behoben, bei dem Text inkonsistent gerendert wird und einige Schriftarten größer als andere sind?
Unsere Website wird in Mobile Safari mit inkonsistenten Schriftgrößen gerendert - und soweit wir das beurteilen können, nur in Mobile Safari. Das hat uns sehr verblüfft. Wir haben die Site mit Firebug analysiert und die falschen Bereiche erben die richtigen Stile, aber die Schriftarten werden immer noch mit den falschen …
2
Rotierender Globus in CSS
Ich erstelle einen rotierenden Erdeffekt in CSS. Ich habe den Globus in CSS erstellt: body { background-color: #111; } #earth { width: 300px; height: 300px; background: url(https://web.archive.org/web/20150807125159if_/http://www.noirextreme.com/digital/Earth-Color4096.jpg); border-radius: 50%; background-size: 610px; box-shadow: inset 8px 36px 80px 36px rgb(0, 0, 0), inset -6px 0 12px 4px rgba(255, 255, 255, 0.3); animation-name: …
6
Wie kann man zwingen, div nicht neben einem anderen zu erscheinen?
Ich möchte mein Div unter der Liste platzieren, aber tatsächlich wird es neben der Liste platziert. Die Liste wird dynamisch generiert, sodass sie keine feste Höhe hat. Ich möchte das Karten-Div rechts und links (neben der Karte) die Liste oben und das zweite Teil unterhalb der Liste (aber immer noch …
74 html  css 
10
HTML-Element, das standardmäßig angezeigt wird: Inline-Block?
<div> Standardmäßig ist block <span> Standardmäßig ist inline Gibt es eine, die standardmäßig verwendet wird inline-block? Wenn nicht, welcher spezielle Tag-Name wäre für mich geeignet, um 'Inline-Block' mit CSS anzuwenden? Oder sollte ich mich an eine Klasse halten?
74 html  css 
5
Bildschirmgestaltung, wenn die virtuelle Tastatur aktiv ist
Idealerweise möchte ich, dass die gesamte Benutzeroberfläche ein benutzerdefiniertes Design hat , das auf dem iOS (itouch / ipad) oder Android-Äquivalent mit der vorhandenen virtuellen Tastatur angezeigt wird. Siehe unten für weitere Details. Ein benutzerdefinierter Satz von CSS-Hacking-Regeln, die aktiv sind, wenn die Tastatur "vorhanden" ist, ist ebenfalls eine akzeptable …
6
jQuery CSS umschalten?
Ich möchte zwischen CSS wechseln. Wenn ein Benutzer auf die Schaltfläche ( #user_button) klickt , wird das Menü ( #user_options) angezeigt und das CSS geändert. Wenn der Benutzer erneut darauf klickt, wird wieder normal. Bisher ist das alles was ich habe: $('#user_button').click( function() { $('#user_options').toggle(); $("#user_button").css({ borderBottomLeftRadius: '0px', borderBottomRightRadius: '0px' …
74 jquery  css  toggle 
10
Wie debuggt man druckbares CSS?
Ich verwende die ganze Zeit Firebug und IE Developer Toolbar, um knifflige CSS-Probleme zu beheben. Gelegentlich tritt jedoch ein kniffliger Fehler auf, der nur auftritt, wenn Sie die Seite drucken. Mit welchen Techniken / Tools diagnostizieren Sie solche Probleme? Gibt es eine Möglichkeit, herkömmliche CSS-Debugging-Tools in der Druckansicht besser zu …
74 css 
5
Sollte ich Höhen- und Breitenattribute für meine IMGs in HTML angeben?
Wenn ich die Höhe und Breite eines Bildes kenne, das mit einem Bild-Tag angezeigt werden soll, sollte ich die Attribute für Höhe und Breite einfügen oder die Informationen einfach in CSS einfügen? Oder beides? Ex. <img src="profilepic.jpg" height="64" width="64" /> oder <img src="profilepic.jpg" height="64" width="64" style="height: 64px; width: 64px;" /> …
74 html  css  image 
12
Vue.js Klasse beim Klicken umschalten
Wie kann eine Klasse in vue.js umgeschaltet werden? Ich habe folgendes: <th class="initial " v-on="click: myFilter"> <span class="wkday">M</span> </th> new Vue({ el: '#my-container', data: {}, methods: { myFilter: function(){ // some code to filter users } } }); Wenn ich auf klicke, thmöchte ich mich activewie folgt als Klasse bewerben …
74 css  vue.js 
5
So erstellen Sie einen Inline-Stil mit: before und: after
Ich habe ein Bubble-Chat-Ding von http://www.ilikepixels.co.uk/drop/bubbler/ generiert. Auf meiner Seite habe ich eine Nummer eingefügt .bubble { position: relative; width: 20px; height: 15px; padding: 0; background: #FFF; border: 1px solid #000; border-radius: 5px; } .bubble:after { content: ""; position: absolute; top: 4px; left: -4px; border-style: solid; border-width: 3px 4px 3px …
74 css  inline 
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.