CSS grundlæggende undervisning

Nødvendige grundlæggende viden

Før du fortsætter med at lære, skal du have en grundlæggende forståelse af følgende:

  • HTML
  • XHTML

Hvis du ønsker at lære disse projekter først, så Forside Besøg relaterede tutorials.

CSS oversigt
  • CSS står for kascaderingstilark (Cascading Style Ssheets)
  • Stilark definererHvordan det vises HTML-elementer
  • Stilark gemmes normalt iStilarki
  • At tilføje stilark til HTML 4.0 var for atLøse problemet med adskillelse af indhold og præsentation
  • Eksternt stilarkkan betydeligt øge arbejdsomsætningen
  • Eksterne stilark gemmes normalt i CSS-fileri
  • Flere stilark kanKascaderFor at

Stilark løser et almindeligt problem

HTML-mærker blev oprindeligt designet til at definere dokumentindhold. Ved at bruge mærker som <h1>, <p>, <table> forventede HTML oprindeligt at bruges til at udtrykke information som 'dette er en titel', 'dette er en afsnit', 'dette er en tabel'. Dokumentets layout forventedes at blive udført af browseren uden brug af nogen formateringsmærker.

Da de to vigtigste browsere (Netscape og Internet Explorer) konstant tilføjer nye HTML-mærker og egenskaber (f.eks. font og farve) til HTML-specifikationen, bliver det sværere at skabe websteder, hvor dokumentindholdet klart er adskilt fra dokumentets præsentationsskik.

For at løse dette problem tagged World Wide Web Consortium (W3C), denne ikke-kommercielle standardiseringsalliance, ansvaret for at standardisere HTML og skabte STYLES (stilark) uden for HTML 4.0.

Alle主流浏览器 understøtter stilark

Stilark øger betydeligt arbejdsomsætningen

Stilark definerer hvordan HTML-elementer vises, og felter som f.eks. font og farve i stilarkene for HTML 3.2 gemmes normalt i eksterne .css-filer. Ved kun at redigere en simpel CSS-dokument, giver eksterne stilark dig mulighed for at ændre udseendet af layoutet på alle sider på dit websted samtidig.

Da det er muligt at kontrollere stil og layout for flere sider samtidig, kan CSS betragtes som en突破 i WEB-designområdet. Som webudvikler kan du definere stilarter for hver HTML-element og anvende dem på ethvert antal sider, du ønsker. For at foretage globale ændringer er det nok at ændre stilen, og alle elementer på webstedet vil automatisk blive opdateret.

Flere stilarter vil overlappe til

Stilark tillader at fastsætte stilinformation på flere måder. Stilarter kan defineres i et enkelt HTML-element, i head-elementet på en HTML-side eller i en ekstern CSS-fil. Det er endda muligt at referere til flere eksterne stilark inden for en enkelt HTML-dokument.

Stilhierarki

Hvilken stil bruges, når samme HTML-element defineres af flere stilarter?

Generelt vil alle stilarter følge nedenstående regler og overlappe i en ny virtuel stiltablet, hvor nummeret 4 har højeste prioritet.

  1. Browserstandardindstillinger
  2. Eksternt stilark
  3. Internt stilark (beliggende inde i <head>-etiketten)
  4. Inline-stil (indeni i HTML-elementer)

Derfor har inline-stil (indeni i HTML-elementer) højeste prioritet, hvilket betyder, at den vil have fortrinsfordele over de følgende stilafsigelser: Stylafsigelser i <head>-etiketten, stilafsigelser i eksterne stilark eller stilafsigelser i browseren (standardværdi).