Front-End-Technologie-Sharing: Ein super einfach zu verwendendes CSS-Stylesheet

Sie können oft einige Forenbeiträge besuchen, die Programmierer bevorzugen. Sie werden verschiedene Überraschungen erleben. Heute wird Xiaoqian ein super nützliches CSS-Stylesheet auf GitHub mit Ihnen teilen. Schauen Sie sich das an.
Als ich mir den Namen ansah, dachte ich, es sei eine Animationsbibliothek, aber nachdem ich ihn mir angesehen hatte, stellte ich fest, dass dies ein CSS ist, das den Stil der Standard-HTML-Elemente ändert, und dass keine zusätzlichen Klassen hinzugefügt werden müssen! !
Tatsächlich hat das Internet viel zu tun, um die CSS-Bibliothek für Standardstile zu ändern, aber die meisten müssen eine Klasse hinzufügen, so dass viele Klassen auch jedes Dokument überprüfen müssen, das oben geschrieben ist, falls Sie vergessen, eine Seite hinzuzufügen, um große weiße Augen zu sehen gab sich
Front-End-Technologie-Sharing: Ein super einfach zu verwendendes CSS-Stylesheet
nur in ihrer eigenen One-CSS-Datei kann im Projekt zitiert werden, und drei Themen werden bereitgestellt
1. Automatisch: Erkennen und aktivieren Sie den Late-Night-Modus automatisch gemäß dem auf der Seite festgelegten bevorzugten Farbschema.
Front-End-Technologie-Sharing: Ein super einfach zu verwendendes CSS-Stylesheet
2. Dunkles Thema : Late-Night-Modus
Front-End-Technologie-Sharing: Ein super einfach zu verwendendes CSS-Stylesheet
3. Lichtthema: Standard-Standard Im Tagesmodus werden
Front-End-Technologie-Sharing: Ein super einfach zu verwendendes CSS-Stylesheet
einige der Standardstile und Stilvergleiche von Google nach Beauty aufgelistet.
1. Allgemeines Eingabefeld
<input type = "text">
Front-End-Technologie-Sharing: Ein super einfach zu verwendendes CSS-Stylesheet
2. Schreibgeschütztes Eingabefeld
< Eingabetyp = "Text" schreibgeschützt Platzhalter = "schreibgeschützt Eingabefeld">
Front-End-Technologie-Sharing: Ein super einfach zu verwendendes CSS-Stylesheet
3. Deaktivieren Sie das Eingabefeld
<Eingabetyp = "Text" deaktiviert Platzhalter = "deaktiviertes Eingabefeld">
Front-End-Technologie-Sharing: Ein super einfach zu verwendendes CSS-Stylesheet
4. Schaltfläche
<Eingabetyp = "Senden">
<Eingabe type = "button" value = "
Front-End-Technologie-Sharing: Ein super einfach zu verwendendes CSS-Stylesheet

Front-End-Technologie-Sharing: Ein super einfach zu verwendendes CSS-Stylesheet
Natürlich verschönert water.css nicht nur den oben genannten Inhalt. Wenn wir nicht zu lange damit verbringen möchten, eine Demoseite zu erstellen, aber nicht zu hässlich, möchten wir dieses CSS ausprobieren. Vor allem müssen keine zusätzlichen Klassen hinzugefügt werden! Schließen Sie einfach Ihre Augen und schreiben Sie!

Ich denke du magst

Origin blog.51cto.com/15128702/2660121
Empfohlen
Rangfolge