Incorporación de estilo

  • 2 minutos

Cuando se usa React, se está creando HTML. El método de creación es diferente, pero el explorador todavía representa HTML, CSS y JavaScript.

Incluso podemos agregar CSS a nuestros componentes para aplicarles estilo. Para agregar CSS a un componente, hacemos referencia a él de la misma manera que importamos cualquier otra dependencia de JavaScript.

Incorporación de CSS

  1. Agregue un nuevo archivo a la carpeta src. Asígnele el nombre index.css.

  2. Agregue el siguiente estilo al archivo:

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

    ¡Puede personalizar este estilo a su gusto!

Importación de CSS

  1. Abra el archivo App.jsx.

  2. Agregue la siguiente línea de código al comienzo del archivo:

    import './index.css'

  3. Regrese al explorador y actualícelo. El sitio se actualiza con el nuevo estilo.