¿Que é unha folla de estilo externo?

Definición de CSS externa e como ligarse a un

Cando un navegador web carga unha páxina web, a forma en que aparece está determinada pola información dunha folla de estilo en cascada. Hai tres formas de que un ficheiro HTML use unha folla de estilo: externamente, internamente e en liña.

As follas de estilo internas e en liña están gardadas dentro do propio ficheiro HTML. Son fáciles de traballar no momento, pero porque non se almacenan nunha localización central, é imposible facer cambios ao estilo en toda a páxina ao mesmo tempo; debes volver a cada entrada e cambiala manualmente.

Non obstante, cunha folla de estilo externa, as instrucións para representar a páxina están gardadas nun único arquivo, o que fai que sexa moi sinxelo editar o estilo en todo o sitio web ou en múltiples elementos. O ficheiro usa a extensión de arquivo .CSS e unha ligazón á localización do ficheiro inclúese no documento HTML para que o navegador web sabe onde buscar as instrucións de estilo.

Un ou máis documentos poden ligar ao mesmo ficheiro CSS e un sitio web pode ter moitos ficheiros CSS únicos para o estilo de páxinas diferentes, táboas, imaxes, etc.

Como ligarse a unha folla de estilo externo

Toda páxina web que queira usar unha folla de estilo externa particular necesita conectarse ao ficheiro CSS desde a sección , así como isto:

Neste exemplo, o único que necesita cambiar para facelo aplicar ao seu propio documento é o texto styles.css . Esta é a localización do seu ficheiro CSS.

Se o ficheiro é realmente chamado styles.css e está situado na mesma mesma carpeta que o documento que está a conectarse, entón pode permanecer exactamente como leu enriba. Non obstante, as posibilidades son que o teu ficheiro CSS teña algo que se title, en cuxo caso só podes cambiar o nome de "estilos" a calquera que sexa o teu.

Se o ficheiro CSS non está na raíz desta carpeta, senón no subcartafol, pode ler algo coma isto.

Máis información sobre ficheiros CSS externos

O maior beneficio das follas de estilo externas é que non están vinculadas a ningunha páxina específica. Se o estilo se realiza internamente ou en liña, outras páxinas do sitio web non poden apuntar a esas preferencias de estilo.

Con estilo externo, con todo, o mesmo arquivo CSS pode usarse literalmente en cada páxina do sitio web para que todos teñan un aspecto uniforme e editar o contido CSS do sitio completo é moi fácil e centralizado.

Podes ver como funciona abaixo ...

O estilo interno require o uso de etiquetas