Hver er CSS stíllinn þinn?

Einn ruglingslegasti þátturinn við að vinna með CSS (Cascading Style Sheets) er að þú getur skrifað stíla á svo marga vegu. Svipað og að skrifa prósa, þó að þú skiljir grundvallarreglur málfræði og stafsetningu þýðir það ekki að þú hafir náð tökum á því að skrifa hnitmiðaða prósa.

Reyndir CSS hönnuðir eyða töluverðum tíma í að búa til stuttan, skýran CSS sem auðvelt er að breyta og uppfæra. En þeir sem eru nýir í CSS eru hættir til að skrifa fleiri stíla en nauðsynlegt er og búa til óþarfa stíla.

Það tekur ekki aðeins lengri tíma að hlaða niður óþarfa kóða í vafra, það er miklu erfiðara að breyta eða endurskoða síðar. Og því óþarfari sem kóðinn þinn er, því meiri líkur eru á að þú lendir í stílátökum.

Hér eru fimm ráð til að skrifa hreinan, skilvirkan stíl:

• Aldrei búa til tvo stíla þegar einn er nóg. Til dæmis geturðu búið til stíl með því að nota merkjavalið fyrir alla

  merki sem breytir leturfjölskyldu fyrirsagnanna þinna og búðu síðan til annan stíl með því að nota flokkaval sem þú getur notað á fyrirsagnirnar þínar til að breyta litnum.

  En það væri skilvirkara að skilgreina bæði litinn og leturfjölskylduna í sama stíl. Mundu að þú getur alltaf farið til baka og breytt stíl til að bæta við annarri reglu ef þú vilt breyta sniði stílsins.

• Skammstafa sextánsíma litakóða. Þú getur skilgreint liti í CSS með því að innihalda allan sextándaflokka litakóðann. Hins vegar, þegar þú notar litakóða sem eru endurteknir, þarftu aðeins að hafa fyrstu þrjá stafina með. Til dæmis er #ffffff það sama og #fff; báðir munu búa til hvítan lit.

• Notaðu ytri stílblöð. Þú getur skilgreint stíla í innra stílblaði efst á hverri vefsíðu, eða þú getur vistað stíla þína í ytri skrá með .css endingunni og hengt það stílblað við allar vefsíður þínar. Ytri stílblöð eru í eðli sínu skilvirkari vegna þess að þau gera þér kleift að nota sama stíl á hvaða eða öllum síðum á síðunni þinni.

  Til dæmis, ef þú skilgreinir stíl sem gerir allar aðalfyrirsagnir feitletraðar, bláar og stórar, getur þú notað sama stíl fyrir hverja fyrirsögn með því að vista þann stíl á ytra stílblaði. Síðan, ef þú ákveður seinna að þú viljir breyta fyrirsögnunum þínum í grænar, geturðu breytt stílnum í einu ytra stílblaði og breytt öllum fyrirsögnum í einu.

  Ef þú hefðir vistað stílana í innra stílblaði, þá þyrftirðu að breyta fyrirsagnarstílnum í hverri skrá.

• Þróaðu nafngift fyrir stílana þína. Þó að þú getir nefnt stíla sem búnir eru til með bekkjar- eða auðkennisvalnum hvað sem þú vilt, þá er best að velja stíla sem hafa merkingu fyrir utan sniðið. Til dæmis, ef þú býrð til stíl sem kallast .redHeadlines og ákveður síðan að þú viljir að allar .redHeadlines þínar séu bláar, muntu annað hvort endar með bláan fyrirsagnarstíl sem kallast .redHeadlines eða verður að endurnefna stílinn.

  Og að endurnefna stílinn felur í sér að fara til baka og nota þann stíl aftur alls staðar þar sem þú ert með rauða fyrirsögn sem þú vilt að verði blá, sem afneitar krafti stíla til að gera alþjóðlegar uppfærslur. Til að forðast þetta vandamál skaltu búa til stílheiti sem vísa til stöðu eða mikilvægis þátta, eins og .mainHeadlines eða .sidebarHeadlines.

• * Prófaðu og staðfestu kóðann þinn. Jafnvel reyndir CSS hönnuðir gera mistök, þess vegna inniheldur Dreamweaver svo mörg frábær verkfæri til að prófa og staðfesta kóðann á vefsíðunum þínum. Gakktu úr skugga um að þú prófar CSS fyrir algeng mistök.

  Eftirfarandi eru tvær prófunarþjónustur á netinu sem þú getur notað til að athuga hvort villur séu í CSS kóðanum þínum. Sláðu einfaldlega inn vefslóð hvaða vefsíðu sem er á internetinu í vistfangareitinn á annarri hvorri þessara vefsvæða og smelltu á Senda hnappinn til að fá skýrslu sem sýnir allar villur í kóðanum þínum:

  • The W3C CSS Validation Service

  • XHTML-CSS : Vertu gild eða deyja að læra