¿Por qué es mejor colocar el texto CSS fuera de HTML?

Porque si primero se carga HTML en lugar de CSS, el contenido no tendrá estilo y el navegador solo podrá mostrarlo en el estilo predeterminado. Durante este período, la página web no tiene diseño, al igual que a veces una página web abierta con una velocidad de Internet lenta tiene contenido pero está muy desordenada. La introducción de esta página a los archivos CSS generalmente llega relativamente tarde. Al cargar CSS y usar estilos, el navegador tiene que volver a representar la interfaz, lo que genera un rendimiento deficiente y una experiencia deficiente.

Por lo tanto, CSS generalmente se escribe delante del texto.

Si su sitio web tiene muchas páginas del mismo estilo, como 100 artículos, cada artículo tendrá básicamente la misma apariencia excepto por el título, el texto, las ilustraciones, etc., el encabezado y la parte inferior, el menú, navegación, etc. Lo mismo. De esta manera, estas 100 páginas HTML solo necesitan hacer referencia al mismo CSS. Posteriormente, cuando se revisa todo el sitio web, solo es necesario modificar un archivo CSS.

Por lo tanto, los archivos CSS en el directorio del proyecto local generalmente se colocan fuera de HTML. Después del lanzamiento real, algunos usuarios de backend pueden fusionar y comprimir el código para reducir la velocidad de carga de las solicitudes http en el entorno de producción, por lo que las páginas web en Internet no se verán tan particulares. Sin embargo, para que el equipo pueda administrar y mantener el proyecto de manera más conveniente y facilitar su propio trabajo de desarrollo, aún es necesario separar la estructura razonable del directorio de archivos de html y css.