Hvordan lage en CSS Ekstern Layout

Web utvikling gjør bruk av mange språk med kode for å vise tekst, bilder og annet innhold ordentlig på seernes skjermer. Når du oppretter en bestemt utseende og stil for nettstedet ditt, kan du ha nytte av å bruke et stilark, eller CSS, for å definere innstillinger og tvinge opptredener å være ensartet. For å spare bryet med å redigere CSS inne hver side når du gjør en stedsomfattende endring, er det mulig å koble siden til en ekstern CSS-fil og endre innstillinger på bare ett sted.

Bruksanvisning

1 Opprett en ny fil i webutvikling applikasjon eller et nytt dokument i Notepad i Windows eller TextEdit på Mac.

2 Skriv inn CSS egenskaper og innstillinger i grupper og gi hver gruppering et navn. For eksempel kan en enkelt CSS-kode ser ut som "body {background-color: # ffffff;} h1 {color: # 000000; font-size: 12px; font-family:" Helvetica "; text-align: center;}" uten den første og siste anførselstegn. Denne koden vil fortelle nettstedets bakgrunnsfarge for å være hvit, og vil skape noen overskrifter som er opprettet med H1 tag å være svart, helvetica tekst blir automatisk sentrert.

3 Lagre dokumentet på din nettside rotmappen som en CSS-fil i Web-utvikling-programmet, eller klikk på "Lagre som" og legge til "Css" på slutten av filnavnet i et tekstbehandlingsprogram.

4 Legg til "<link rel = stylesheet href =" yourfilename.css "type =" text / css ">" til hodet delen av nettstedet ditt uten den første og siste anførselstegn. Siden er nå koblet til ekstern CSS layout informasjon.