Hvordan lage en CSS-fil for hele nettstedet

Det er nyttig å holde en CSS-fil for hele nettstedet i stedet for at individuelle CSS-stiler i hver side. Med separate CSS-filer, er det enkelt å oppdatere og vedlikeholde utseendet av hele nettsiden fra en enkelt fil. Følg disse trinnene for å lære hvordan.

Bruksanvisning

1 Dette er en vanlig definert internt CSS stil: ") I" Notepad "og lagre den som" style.css ".

3 Nå åpner en eksisterende html side (eller opprette en ny html-side, og lagre det som myStyle.html i samme mappe som style.css fil). I kildekoden til siden mellom tags legge til følgende linje:.

4 Du har opprettet en ekstern CSS-fil og koblet den til side. Bruk denne CSS stil til innholdet på siden. Bruk av CSS stil inne på siden kan oppnås på en annen måte. For nå, bare bruke "" tags. . Span kodene brukes på denne måten: Innhold kommer hit. Alt innhold mellom disse "" tags skal inneholde "allContent" stil egenskaper.

5 Kildekoden til siden din skal se slik ut:

<title>My Page</title>

<Link href = "style.css" rel = "stylesheet" type = "text / css" />

</ Head>
<Body>

<Span class = "allContent"> Last Her </ span>

</ Body>
</ Html>.

Hint

  • Hvis du oppretter en helt ny CSS fil så må du følge denne strukturen: .StyleName {egenskaper}.
  • Egenskaper bør defineres som vist: eiendom-navn: verdi ;.
  • Kopier / lim-metoden med Microsoft Word kan ikke fungere på noen nettsteder ordentlig på grunn av den usynlige koden den inneholder.