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:
head>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.
head>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 xa que deben diferenciarse de etiquetas:
corpo {background-color: green; } h1 {cor: azul; marxe esquerda: 15 píxeles; } style> head>Non obstante, dado que as follas de estilo externas están contidas no seu propio ficheiro, poden crearse así e isto significa exactamente o mesmo que a mostra anterior:
corpo {background-color: verde; } h1 {cor: azul; marxe esquerda: 15 píxeles; }Nestes exemplos, o estilo en liña só se aplica a esa páxina particular, evidente polo feito de que está contido nos detalles do cabeceiro da páxina HTML. Co segundo exemplo, a información CSS está autosuficiente nun ficheiro CSS que calquera páxina pode ligar para usar o código da sección Como ligar a unha folla de estilo externo enriba.