Hvad er din CSS-stil? - dummies

Et af de mest forvirrende aspekter ved at arbejde med CSS (Cascading Style Sheets) er, at du kan skrive stilarter på så mange måder. Ligner på at skrive prosa, bare fordi du forstår de grundlæggende regler for grammatik og stavning, betyder det ikke, at du har mestret at skrive koncise prosa.

Erfarne CSS-designere bruger meget tid på at lave korte, klare CSS, der er nemme at redigere og opdatere. Men de, der er nye til CSS, er tilbøjelige til at skrive flere stilarter end nødvendigt og til at skabe overflødige stilarter.

Ikke kun overtager redundante kode længere for at downloade til en webbrowser, det er meget sværere at redigere eller revidere senere. Og jo mere overflødige din kode er, jo mere sandsynligt er du at løbe ind i stilkonflikter.

Her er fem tip til at skrive rene, effektive stilarter:

• Opret aldrig to stilarter, når man er nok. Du kan f.eks. Oprette en stil ved hjælp af tagvelgeren til alle

  -koder, der ændrer skrifttypefamilien i dine overskrifter, og opretter derefter en anden stil ved hjælp af en klassevælger, som du kan anvende til dine overskrifter for at ændre farve.

  Men det ville være mere effektivt at definere både farven og skrifttypefamilien i samme stil. Husk at du altid kan gå tilbage og redigere en stil for at tilføje en anden regel, hvis du vil ændre stilens formatering.

• Forkort hexadecimale farvekoder. Du kan definere farver i CSS ved at inkludere hele hexadecimal farvekode. Men når du bruger farvekoder, der er gentagne, skal du kun inkludere de første tre tegn. For eksempel er #ffffff det samme som #fff; begge vil skabe farven hvid.

• Brug eksterne stilark. Du kan definere stilarter i et internt stilark øverst på hver webside, eller du kan gemme dine stilarter i en ekstern fil med. css udvidelse og vedhæft det stilark til alle dine websider. Eksterne stilark er i sig selv mere effektive, fordi de gør det muligt for dig at bruge den samme stil på en eller alle sider på dit websted.

  Hvis du f.eks. Definerer en stil, der gør alle hovedoverskrifter fed, blå og stor, kan du gemme den samme stil til alle overskrifter, hvis du gemmer denne stil i et eksternt stilark. Så hvis du senere beslutter at ændre dine overskrifter til grønt, kan du ændre stilen i et eksternt stilark og ændre alle overskrifter på én gang.

  Hvis du har gemt stilarterne i et internt stilark, skal du redigere overskriftsformatet i hver fil.

• Udvikle en navngivningskonvention for dine stilarter. Selv om du kan navngive stilarter, der er oprettet med klassen eller ID-selektorer, kan du helst vælge stilarter, der har betydning bortset fra formateringen.For eksempel, hvis du opretter en stil, der hedder. redHeadlines og senere beslutter du, at du vil have alle dine. redHeadlines at være blå, du enten vil ende med en blå overskrift stil kaldet. redHeadlines eller bliver nødt til at omdøbe stilen.

  Og omdøbe stilen inkluderer at gå tilbage og genanvende den stil overalt, hvor du har en rød overskrift, som du vil blive blå, hvilken form forkaster kraften i stilarter til at lave globale opdateringer. For at undgå dette problem skal du oprette stilnavne, der refererer til placeringen eller betydningen af ​​elementer, f.eks. mainHeadlines eller. sidebarHeadlines.

• * Test og valider din kode. Selv erfarne CSS-designere laver fejl, hvorfor Dreamweaver indeholder så mange gode værktøjer til at teste og validere koden på dine websider. Sørg for at teste dit CSS for almindelige fejl.

  Her følger to online testtjenester, som du kan bruge til at kontrollere fejl i din CSS-kode. Indtast blot webadressen på en webside på internettet i adressefeltet på en af ​​disse websteder, og klik på Submit-knappen for at modtage en rapport, der viser fejl i din kode:

  • Valgetationstjenesten W3C CSS

  • XHTML-CSS : Vær gyldig eller dø undervisning