Hvordan moderne nettsteder bruker CSS-dummier

Eksterne stilark er filer utenfor (men koblet til til) HTML-sider som leverer stil og layout til nettsider. Cascading stilark er et eksempel på eksterne stilark. Følgende er grunner til at det er bra å inkludere eksterne stilark på websidene dine:

• CSS-stiler er mye kraftigere enn eldre, HTML-baserte verktøy for sidedesign. For eksempel krever oppsettet med HTML-tabeller at designere forstyrrer tabellrader og kolonner i beholdere for innhold. Med HTML har du liten kontroll over parametere som avstanden mellom og i disse tabellcellene, eller de spesifikke grensene øverst, bunnen eller sidene av tabellcellen.

• CSS, derimot, kan slå en ganske generisk HTML-kode - en DIV-tag - til en nesten uendelig formaterbar beholder for enhver form for innhold.

• CSS-klasser og ID-er er spesielle stilarter som ligger i hjertet av moderne sidedesign. Disse CSS-klassene og IDene har erstattet HTML-tabeller som standardteknikk for å legge ut websider. Tabeller brukte celler, opprettet av skjæringspunktet mellom rader og kolonner, som plassholdere for innhold. Denne teknikken var klumpete og begrensede, sammenlignet med friheten som er tilgjengelig med ID- og klassebaserte sidelayouter.

• Eksterne stilark, for eksempel CSS, tillater global styling, som har felles elementer på tvers av alle HTML-sidene på et nettsted. Trenger du å endre fargeskjemaet på 17, 412 sider om 5 minutter? Ikke noe problem med et eksternt stilark - du oppdaterer bare CSS-filen, og alle HTML-filene som kobler til det stilarket, oppdateres øyeblikkelig i nettlesere.

Når du bruker CSS, kan du

• Gjør enkelt globale endringer i hvordan innholdet ditt presenteres. Hvis stiler blir brukt ved hjelp av eksterne stilark, kan de brukes til å umiddelbart endre utseendet til hver side de er koblet til. Dette er et uunnværlig produktivitetsverktøy på store nettsteder.

  Forestill deg å finne alle skrifttypekoder og endre dem på et omfattende nettsted. Ved hjelp av en enkel Finn og Erstatt innsats virker det ofte ikke på grunn av at inkonsekvent måte er kodet. Det er mulig å ha hundrevis av variasjoner av skrifttypekoder - som alle ser like ut på nettsiden, men er kodet annerledes - noe som gjør at bruk av Finn og Erstatt verktøy ubrukelig.

• Enkelt å forstå den opprinnelige betydningen av innholdet ditt. Når du arbeider med eldre, "alt som gjør det ser bra ut", skriver teknikker som bruker HTML-koder for formatering og design, kan du ofte ikke fortelle hva de ulike delene av sidens innhold er, bare ved å se på det.

  Gammel HTML gjør det mulig å bruke tagger på feil måte, for eksempel å bruke egenskaper til en font-tagg som viser et stykkemerke som om det var en overskrift. Ikke lett å fikse. Hvis du klarer å fjerne de gamle skrifttypekodene, fjerner du også de visuelle signaler som kan hjelpe deg å omkode siden riktig.

  Hvis du for eksempel konfigurerer siden din som en blokk med innhold med

  -koder for å adskille den visuelt i avsnitt og merker for å gjøre overskriftene annerledes, er det vanskelig å finne ut hva det var hvis kodene er forstyrret eller slettet.

• Gjør nettstedet ditt vennlig til alle som besøker - uansett hvor de er eller hva deres situasjon er. I økende grad bruker folk som bruker nettet ikke en tradisjonell datamaskin. I stedet bruker de tabletter, smarttelefoner og andre digitale enheter. Med CSS og HTML kan du oppdage et besøkendes nettmiljø og gi forskjellige stilark som viser innhold i et form som passer til den besøkende media.

• Bruk av CSS og HTML gjør også nettsteder mer tilgjengelige for høre- og synshemmede brukere, som har leserprogramvare eller andre spesialverktøy som fungerer bedre hvis du unngår å bruke HTML-koder for formatering.

  Igjen, noen brukere vil ha tilpassede stilark slik at de kan bruke Internett. Noen må kanskje forstørre skriftstørrelser eller angi hvordan en skjermleser aurally signalerer ulike deler av et dokument for å kompensere for synshemming. Informasjon om lydformatark finnes på World Wide Web Consortium (W3C).