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

So führen Sie Stile in React ein

coldplay.xixi
coldplay.xixiOriginal
2020-11-27 16:11:089565Durchsuche

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

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>

2. Inline-Stil

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

import &#39;./index.css&#39;;

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!

Stellungnahme:
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