Hvordan lage eksterne stiler i CSS3 - dummies

De fleste utviklere bruker eksterne stiler i CSS3 for å redusere mengden arbeid som kreves for å opprettholde et nettsted. En eneste. CSS-filen inneholder alle stilene for nettstedet, noe som betyr at endring av en stil hele nettstedet er like enkelt som å endre den ene filen (heller enn hver side). Fordi endringen skjer på bare ett sted, er det ingen sjanse for å mangle en eller flere endringer på enkelte sider.

Opprette og bruke et eksternt stilark er ikke mye forskjellig fra å bruke et internt stilark. Følgende eksempel bruker standardteknikker for å lage et eksternt stilark:

1. Opprett en ny HTML5-fil med tekstredigeringsprogrammet.

2. Skriv koden for HTML-siden.

   En enkel side
   
   En enkel overskrift
   Enkel tekst å gå med overskriften.
   

   Pass på at du skriver inn koden nøyaktig. Det du burde ende opp med, er den samme vanlig side - en uten noen stiler.

3. Skriv inn følgende kode umiddelbart etter taggen.

   Etiketten forteller at nettleseren skal søke etter en ekstern ressurs. I dette tilfellet sier rel attributten at den skal se etter et stilark, og href-attributtet gir navnet på det stilarket.

4. Lagre HTML5-filen på disken.

5. Lag en ny. CSS-fil med tekstredigeringsprogrammet.

   Redaktøren din støtter kanskje ikke. CSS-filer. Enhver tekstfil vil gjøre.

6. Skriv inn følgende kode i. CSS-fil.

   p {font-family: cursive; skriftstørrelse: stor; farge: # 0000ff; bakgrunnsfarge: # ffff00;} h1 {font-family: "Times New Roman", Georgia, serif; skriftstørrelse: 40px; tekst-align: center; tekst-dekorasjon: understreke; farge: # ff0000; bakgrunnsfarge: # 00ffff;}
   

   Dette kan være den samme koden som du brukte til å lage din interne fil. Den eneste forskjellen er at den nå ligger i en ekstern fil.

7. Lagre CSS-filen til disk som ExternalCSS. CSS.

   Det er helt avgjørende at navnet på filen samsvarer nøyaktig med navnet som finnes i href-attributtet. Noen plattformer er saksfølsomme, så du må bruke samme sak for filnavnet. For eksempel, externalcss. css kan bli sett på som en annen fil fra ExternalCSS. CSS.

8. Legg siden i nettleseren din.