Grundlæggende CSS: 1
|
Før du læser denne artikel skal du have rimelig godt styr på HTML, har du ikke det endnu kan du finde artikler om det emne her på sitet. Men ellers så lad os da springe ud i det :) Hvad er CSS? Måske har du aldrig hørt om CSS før? CSS (som står for Cascading Style Sheets) er et kodesprog der ligesom HTML, bruges til at sætte din hjemmeside op. Man kan sige at HTML er fondamentet mens CSS er alt det farverige og grafiske på en hjemmeside. Som du måske kan fornæmme er det svært at undvære CSS når du først har lært det. Hvordan bruges det? CSS kan bruges på 3 måder, hver måde er egnet til specielle formål, men vi vil vise dem alle: Nummer 1 Her skrives CSS-koden blot sammen med atributen style. Man kunne fx skrive:
Den, måske uforståelige, kode der står mellem style=" og ", er CSS-kode. Skidt være med at du endnu ikke forstår det. Kun måden koden skrives på er væsenligt her i starten. Nummer 2 Vi kan skrive præcis den samme kode på følgende måde:
Nu er style-atributen forsvundet, istedet er CSS-koden skrevet oppe i head-sektionen. Til forskel fra eksemplet før er det nu ALT tekst indefor et p-tag, der bliver med tekststørrelsen 10px. Nummer 3 Den sidste metode er klart den smarteste hvis du skal have samme CSS-kode til mange sider.
Nu tænker du måske: hvor er CSS-koden. Faktisk har vi ikke lavet den endnu. Med den her metode laver man en ekstern fil som indeholder CSS-koden. Det er virkelig smart hvis du har 20 sider med samme opsætning, og du pludselig vil ændre noget, så slipper du for at ændre alle 20 siders css-kode. Du skal derfor kun ændre det én eneste gang! I koden her:
Henter vi filen style.css og putter filens CSS-koder ind i head-sektionen. Vores css-fil kunne se således ud:
Bemærk at der ikke skal noget <style> rundt om CSS-koden. Jeg håber du har fået lidt forståelse for CSS, og har tænkt dig at læse de næste artikler om CSS! |
|
Kommentarer
Giv din mening tilkende om denne artikel, eller læs andres.Har du spørgsmål eller brug for hjælp til denne artikel henvises du til forummet.
|
Den forklarer meget godt hvordan man for fat i ens CSS.. Men den forklarer ikke noget om hvad CSS er.. Men ellers kan jeg da smide en artikkel sammen som forklarer nogle af de mest basale ting i CSS når jeg kommer hjem.. Update: Så er der skrevet en artikkel :D Sidst redigeret 19:21 - 01/12/2005 |
Oprettet af:
|
| En god artikel for begyndere. :) |
Oprettet af:
|
| Den ser godt ud, men er lidt kort |
Oprettet af:
|
|
Jaah Spunk. Den er sku god nok hihi |
Oprettet af:
|
|
* Slettet * Grund: Jeg fandt min gamle kommentar irrelevant. Sidst redigeret 06:50 - 11/01/2007 |
Oprettet af:
|
| Mmm, okay artikel. Nummer 3 er alt for dårligt forklaret. "Vores css-fil kunne se således ud:" og så ikke mere forklaring... Til nybegyndere?? - Nej! Men jeg ville nu også foretrække at include en <style> :) |
Oprettet af:
|
| God artikel! |
Oprettet af:
|
|
Jamen det er en go artikel. Meen det er jo også HTML :D |
Oprettet af:
|