Mens html forteller hva de ulike elementene på websiden er (overskrift, avsnitt etc), forteller CSS hvordan de ulike elementene skal se ut. CSS tar seg av websidens layout.
.
Strukturen
element {egenskap: verdi}
Eksempel:
h1 {color: blue; text-align: center}
Elementene tilsvarer html-elementene, dvs p står for avsnitt, h1 står for største overskrift osv.
Hvert element kan ha ulike egenskaper. Overskriftens egenskaper kan f.eks. være skrifttype, bokstavstørrelse, fargen på bokstavene osv.
En verdi er en gitt størrelse, fargen på bokstavene kan f.eks. være svart, rød, blå osv.
.
Hvordan inkludere css i html-dok?
CSS-kommandoene kan enten stå i et eget CSS-dokument (eksternt), inni HTML-dokumentets head-parti (internt) eller inni HTML-elementene ved hjelp av style-attributtet:
Eksternt stilark:
Et eksternt stilark er det ideelle. Da står alle CSS-definisjonene i et eget CSS-dokument, og om en ønsker å endre web-sidens utseende, så holder det å endre et enkelt dokument.
For å knytte HTML-dokumentene til stilarket, må en skrive følgende kommando i HTML-dokumentets head-parti:
<link rel=”stylesheet” type=”text/css” href=”stilark.css”>
Internt stilark:
En kan også skrive alle stildefinisjonene i html-dokumentets head-parti. CSS-definisjonene må da stå mellom style-merkene:
<style>.</style>
Inline:
CSS-definisjonene står inni HTML-merkene ved hjelp av style-attributtet, f.eks.:
<h1 style=”color: blue; font-size:24px;”>Velkommen!</h1>
Stil-attributtet bør kun brukes i nødstilfeller. Bruker du det mye, vil du få et uoversiktelig dokument og det vil bli mye mer komplisert om du siden ønsker å endre layouten.
.
Kommentar i stilark:
/*css-kommentar*/
// kort kommentar
0 Svar til “CSS”