CSS (Cascading Style Sheets)

CSS (Cascading Style Sheets) er et populært værktøj inden for webdesign. Det er svært at forestille sig mange webapplikationer uden dem. De kan fremskynde oprettelsen og redigeringen af websider. En CSS-fil er praktisk talt skrevet som en slags tekstfil og indeholder instruktioner til designet. Det er således muligt også at bruge CSS til alle undersider på en Hjemmeside bruge det samme design ved at kalde denne CSS-fil frem i overskriften på den pågældende side. Når du ændrer designet, skal du kun ændre CSS-filen, og dette vil påvirke alle sider i det webprojekt, der skal redigeres.

Formateringsmuligheder

Med det særlige programmeringssprog CSS kan næsten alle formateringsopgaver på en internetside udføres, i hvert fald dem, der vedrører designet. CSS kan endda bruges til at skabe rammer i forskellige nuancer og enkel grafik. Skrifttyper og skriftstørrelser defineres én gang i CSS-filen og er dermed automatisk tilgængelige i hele kataloget eller virksomhedspræsentationen. Der er mange variationsmuligheder, fordi visse områder, f.eks. overskrifter, tabelindhold, billedtekster eller fodnoter, kan defineres separat. Forskellige farvede baggrunde med eller uden mønstre kan angives via CSS. Forskellige bullets, forskellige dynamiske elementer og meget mere kan realiseres med CSS. Billeder, videoer og lydsekvenser kan også integreres på denne måde, hvis du ikke ønsker at gøre det på en anden måde.

Syntaks

I henhold til W3C-retningslinjerne er de egenskaber, der skal vises, underlagt visse regelsæt. I disse er der selektorer, der tildeler en bestemt værdi til den respektive egenskab i parenteser. For eksempel kan farven på en overskrift af anden orden se således ud: h2 { colour: green; } I stedet for "grøn" kunne der også være et farvenummer her. "h2" er selektoren, "colour" er egenskaben og "green" er den tildelte værdi. Der kan naturligvis tildeles flere egenskaber på én gang. Det er vigtigt med mellemrummene efter de indledende og før de afsluttende parenteser og semikolonerne i slutningen af hver opgave. Af hensyn til overskueligheden er det tilrådeligt at anbringe hver ejendom i en ekstra linje. I tilfælde af omfattende projekter er det også tilrådeligt at bruge Websted så giver ikke synlige interne kommentarer mening.

Anvendelsesområder og særlige kendetegn

Cascading style sheets er relativt nemme at integrere i HTML- og PHP-projekter. HTML (Hyper Text Markup Language) var oprindeligt det mest udbredte anvendelsesområde. Her kan individuelle stilark også indsættes i en HTML-fil med stilkommandoerne. Cascading style sheets, dvs. flere designelementer, defineres i en separat fil og kaldes enten i et bestemt område i en HTML-fil eller, hvilket er mere fordelagtigt, i overskriften som en ekstern fil. I PHP (Hypertext Preprocessor - faktisk Personal Home Page Tools) er CSS ikke kun integreret som *.css-filer, men også forbundet med PHP-kommandoer. En kombination af PHP og HTML er i princippet også mulig. Den mere moderne variant er at arbejde med databaser, hvor man i tilfælde af MySQL f.eks. genereres webprojektets egenskaber via PHP og CSS. Mange databasesystemer anvender lignende teknikker. Derudover anvendes der dog normalt også andre programmeringssprog, som også anvender CSS. Desværre er der nogle særlige forhold vedrørende operativsystemer og browsere, som man skal tage hensyn til. Ikke alle effekter ser ens ud i alle browsere, og nogle af dem kan ikke fortolkes af alle. Derfor skal der ofte tages hensyn til forskellige versioner afhængigt af browseren og styresystemet i den måde, hvorpå værdierne tildeles egenskaberne i CSS'en. Til dette formål spørges der normalt efter det anvendte operativsystem og den browser, der kaldes, fra henholdsvis HTML- eller PHP-filens header eller fra databasesystemet, og der tildeles en korrekt CSS-version.

fordele og ulemper

CSS er en velkommen tilføjelse og forenkling af HTML- og PHP-projekter. De er logisk opbygget og kan læres relativt hurtigt. En fejl i en CSS-fil kan derimod vise sig på flere sider, men kan hurtigt rettes. Der er problemer med eksotiske skrifttyper og fremmedsproglige sæt. Derfor bør du tage dine forholdsregler og angive en alternativ variant. Hvis der er tale om en særlig skrifttype, kan en værdi for en skrifttype, der normalt er tilgængelig overalt, tildeles før den. CSS-anvendelse til at bruge den sidst nævnte værdi for en egenskab. Men hvis dette ikke kan repræsenteres, ignoreres det. Hvis du har tildelt den almindelige skrifttype før denne opgave, vil den blive betragtet som den sidste fortolkelige skrifttype, og din side vil stadig kunne vises på en brugbar måde. Sæt på fremmedsprog og andre særlige funktioner skal integreres i webprojektet via HTML, PHP eller et andet programmeringssprog eller om nødvendigt omdirigeres til en engelsk side.