Når en webbrowser lægger op på en webside, er den måde, den vises på, bestemt af oplysninger fra et cascading stilark. Der er tre måder, hvorpå en HTML-fil kan bruge et stilark: eksternt, internt og in-line.
Interne og in-line stilark gemmes i selve HTML-filen. De er nemme at arbejde i øjeblikket, men fordi de ikke er gemt på en central placering, er det umuligt nemt at foretage ændringer i stylingen på tværs af hele hjemmesiden på én gang; du skal i stedet gå tilbage til hver indgang og ændre det manuelt.
Men med et eksternt stilark gemmes instruktionerne til gengivelsen af siden i en enkelt fil, hvilket gør det virkelig nemt at redigere stylingen på tværs af hele et websted eller flere elementer. Filen bruger .CSS filtypen, og et link til placeringen af den pågældende fil er inkluderet i HTML-dokumentet, så webbrowseren ved, hvor man skal lede efter stilinstruktionerne.
Et eller flere dokumenter kan linke til samme CSS-fil, og et websted kan have mange unikke CSS-filer til styling af forskellige sider, tabeller, billeder osv.
Sådan linkes til et eksternt stilark
Hver webside, der ønsker at bruge et bestemt eksternt stilark, skal linkes til CSS-filen fra internettet
sektion, meget som dette:
I dette eksempel er det eneste, der skal ændres for at gøre det gældende for dit eget dokument styles.css tekst. Dette er placeringen af din CSS-fil.
Hvis filen faktisk hedder styles.css og er placeret i nøjagtig samme mappe som det dokument, der linker til det, så kan det forblive nøjagtigt som det læser ovenfor. Men chancerne er, at din CSS-fil har titlen noget andet, i hvilket tilfælde kan du bare ændre navnet fra "stilarter" til hvad din er.
Hvis CSS-filen ikke er kernen i denne mappe, men i stedet i en undermappe, kan den måske læse noget som dette i stedet:
Flere oplysninger om eksterne CSS-filer
Den største fordel ved eksterne stilark er, at de ikke er bundet til nogen bestemt side. Hvis styling udføres internt eller internt, kan andre sider på hjemmesiden ikke pege på disse stylingspræferencer.
Med ekstern styling kan den samme CSS-fil imidlertid bruges til bogstaveligt talt hver eneste side på hjemmesiden, så alle har et ensartet udseende, og redigering af hele websitetets CSS-indhold er ekstremt let og centraliseret.
Du kan se, hvordan det virker under …
Intern styling kræver brug af
Men da eksterne stilark er indeholdt i deres egen fil, kan de oprettes som dette, og det betyder det samme som ovenstående eksempel:
krop {baggrundsfarve: grøn; } h1 {farve: blå; margin-venstre: 15px; }
I disse eksempler gælder inline styling kun for den pågældende side, hvilket fremgår af, at det er indeholdt i HTML-sideens header-detaljer. Med det andet eksempel er CSS-info selvstændig indeholdt i en CSS-fil, som enhver side kan linke til ved hjælp af koden fra Sådan linkes til et eksternt stilark afsnit ovenfor.
