Vorherige

Nächste

Hinzufügen eines Stils

Abgeschlossen

Wenn Sie React verwenden, erstellen Sie HTML-Code. Die Methode der Erstellung ist unterschiedlich, aber der Browser rendert weiterhin HTML, CSS und JavaScript.

Wir können unseren Komponenten sogar CSS-Code hinzufügen, um ihnen einen Stil zuzuweisen. Um CSS-Code einer Komponente hinzuzufügen, verweisen wir darauf auf die gleiche Weise, wie wir andere JavaScript-Abhängigkeiten importieren würden.

Hinzufügen von CSS-Code

1. Fügen Sie dem src-Ordner eine neue Datei hinzu. Nennen Sie sie index.css.

2. Fügen Sie der Datei folgenden Stil hinzu:

   article {
       margin-left: 10%;
       margin-right: 10%;
       font-family: Verdana, Geneva, Tahoma, sans-serif;
       font-size: 18px;
   }
   

   Passen Sie diesen Stil wie gewünscht an.

Importieren des CSS-Codes

1. Öffnen Sie die Datei App.jsx.

2. Fügen Sie oben in der Datei die folgende Codezeile hinzu:

   import './index.css'
   

3. Wechseln Sie zurück in Ihren Browser, und aktualisieren Sie die Anzeige. Die Website wird mit dem neuen Stil aktualisiert!

Weiter