Eksterne stilark og indlejrede CSS-stilark
Der er et par ting, der gør eksterne stilark anderledes end indlejrede typografiark.

Indlejrede stilark
I de foregående tutorials så du eksempler på indlejrede CSS-stilark, og du lærte, at den grundlæggende CSS-kode for et indlejret typografiark begynder og slutter med tags. Inde i disse tags er CSS-koden, der består af hver (e) vælger (r) og dens respektive egenskabsværdipar. Endelig placeres den integrerede stil i hovedafsnittet på din webside.

Eksempel



Eksterne stilark
Eksterne stilark er lidt anderledes, fordi de ikke har start- og slutkoder. Faktisk kan du ikke have nogen HTML-tags undtagen for kommentarer og @import-erklæringen. Det er dybest set en tekstfil, der kun indeholder CSS-koden.

Eksempel
krop {baggrund-farve: #ffffff}

p {font-størrelse: 12pt; farve: # 000000; tekstjustering: center}

Du kan navngive din eksterne stilark alt hvad du kan lide, men det er en god praksis at give filen et navn, der afspejler formålet med CSS-koden. F.eks. Kaldes CSS-koden, der kontrollerer stilen for menuklinkene på din webside, menu.css. Selvom det er valgfrit, skal du bruge .css-udvidelsen til dine eksterne stilark.

Når du har oprettet dig eksterne stilark, kan du bruge dem på en hvilken som helst webside ved at placere enten tagget eller @import-udsagnet i hovedafsnittet.





Video Instruktioner: How to link CSS to HTML (Kan 2024).