Un fichero CSS sirve para mejorar la presentación de una página web. Es un fichero donde estarán todas las clases de estilos. En un fichero .html insertamos una llamada para vincular una hoja de estilo que será usado para cargar por ejemplo: colores, atributos, formas que tendrá elementos individuales de nuestro contenido HTML. (Cuando cargamos un fichero CSS desde nuestro fichero HTML lo que estamos haciendo es cargar un CSS externo. Existe también otra forma que se llama cargar estilo inline y se hace añadiendo las instrucciones de diseño directamente en el código html con la etiqueta de estilo "style=").
Ejemplo usado en tornado 6.2 (para cargar un CSS externo):
*Tenemos un fichero html donde usamos static_url (En la configuración setting cuando creamos la app en tornado ya lo definimos y sirve ara indicar la ubicación de la carpeta static.A continuación de static_url completamos la ubicación del fichero css indicando la carpeta donde está.)
Ejemplo (extracto del fichero bootstrap.mon.css CSS que estamos cargando):
* En este contexto se trata del fichero de estilo css que se puede descargar y obtener del fichero bootstrap-4.0.0-dist.zip en lugar del usar la versión CDN para usar los estilos ofrecidos por el framework Bootstrap para el front-end. (CDN es un conjunto de servidores distribuidos geográficamente que ofrecen una entrega rápida de contenido). No es nuestro caso, porque usamos otro método nuestro servidor será el encargado de ofrecer el contenido (css, js, imágenes, favicon) se ponen por nomenclatura en una carpeta que se llama static. Tenemos recursos suficientes y preferimos que sea nuestro servidor que se encarge de entregar el conteido css al navegador.Normalmente los ficheros css es su versión minificado tiene esta última línea.
¿Qué es sourceMappingURL que se ecuentral al final de un fichero CSS?
Es una funcionalidad que permite indicar o apuntar a un fichero específico dentro de nuestro docunmento web. Este comando es para indicar donde buscar el fichero.
El fichero que se apunta es el fichero de orígen o fichero fuente del código, el que se ha usado para generar el css.
El navegador automáticamente lo descarga este fichero adicional (Puede no existir) y sirve para depurar o accceder al código fuente del código mimificado.
Un fichero css mimificado es simplemente un fichero que se ha reducido de tamaño (Se quita comentarios, espacios etc...) para acelerar su descarga por parte del navegador.(Es un proceso opcional se puede no minificar).
Las ventajas ofrecidas en este caso ninguna a no ser que vayamos a editar el fichero fuente. Es como una ayuda para poder insertar clases personalizadas y modificar el css original y personalizarlo.
Se puede quitar la última línea y si lo mantenemeos tiene que existir el fichero con la extensión css.map de lo contrario se obtiene error 404 que no lo encuentra. No es grave solo es una indicación que no se ha podido encontrar el fichero sourcemap que está asociado a nuestro fichero css.
