Heim > Web-Frontend > js-Tutorial > So führen Sie Stile in React ein

So führen Sie Stile in React ein

coldplay.xixi
Freigeben: 2020-12-02 17:32:20
Original
9522 Leute haben es durchsucht

So führen Sie Stile in React ein: 1. Modulstil, Einführungsmethode [import './index.css';] 2. Inline-Stil, der Code ist [].

So führen Sie Stile in React ein

Verwandte Lernempfehlungen: React-Video-Tutorial

Die Betriebsumgebung dieses Tutorials: Windows7-System, React17-Version, diese Methode ist für alle Computermarken geeignet.

So führen Sie Stile in React ein:

1. Modulstil

Wenn Sie zum ersten Mal das Framework erstellen und sich darauf vorbereiten, mit dem Schreiben von Unternehmen zu beginnen, werden Sie auf der ersten Seite auf die Einführung von Stilen stoßen. Das Problem ist, dass ich Ich bin durch einige Fallstricke gegangen, es ist nicht nötig, den Header direkt zu benennen. css

<div className=&#39;topHead back fs14&#39;>
     <img src=&#39;/images/highLevel.png&#39; className=&#39;levelSize&#39;/>
</div>
Nach dem Login kopieren

2. Inline-Stil

Der Inline-Stil unterscheidet sich vom normalen Stil='margin:0px'. Er sollte so aussehen

import &#39;./index.css&#39;;
Nach dem Login kopieren

Verwandte kostenlose Lernempfehlungen: javascript

(Video)

Das obige ist der detaillierte Inhalt vonSo führen Sie Stile in React ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage