CSS kan laves på tre forskellige måder:
- Inline Style Sheets
- Embedded Style Sheets
- External Style Sheets
Disse sider bruger External Style Sheets. Hvor man gemmer sin koder i en fil på serveren. Laver man en ændring i denne fil bliver alle hjemmesider der er tilknyttet denne fil ændret.
| Facts om CSS – Cascading Style Sheets: |
En måde hvor på man kan formatere texter og layout på sine hjemmeside(r).
CSS kan læses af Netscape Communicator 4 og Microsoft Inetnet Explore 3 og frem – andre kan stadig læse siden men det bliver uden CSS formatering ( jeg kender ikke til og tester ikke med andre browsere, da disse sidder på 95-99% af markedet af browsere).
CSS overskriver de almindelige HTML tag’s i et HTML dokument, det gør at CSS er gældende.
Når man snakker CSS så er det en måde hvor på ens HTML tag’s bliver formateret, stor skrift, kursiv, en bestemt farve og meget mere.
CSS kan læses af Navigator 4.0 og IExplore 3.0 dog kan der godt være små forskelle på hvordan de to browsere læser dem, men forskellene er små.
CSS kan laves i tre forskellige versioner Inline Style Sheet, Emdebbed Style Sheets og External Style sheet.
Inline Style Sheet
Denne formatering ligger i HTML dokumentet. Det kan formatere dele af HTML dokumentet efter behov ved brug af <span></span> dele her imellem bliver formateret.
Hello CSS
<span style=”font-family: Arial, Garamond; font-size: 20pt; color: rgb(0,128,128); text-decoration: underline“>Hello CSS</span>
Hello CSS
<span style=”font-family: Comic Sans MS, Times New Roman; font-size: x-large; color: rgb(128,128,0); text-decoration: none“>Hello CSS</span>
Man kan altså for hver enkelt HTML dokument formatere forskellige tekster i forskellige formater, dette kan være lige så godt som f.eks. billeder – som i mange tilfælde tager tid for brugeren at hente. Så brug CSS istedet.
Embedded Style Sheet
Embedded Style Sheets briver ligesom Inline brugt i det enkelte HTML dokument, men her sættes CSS for det enkeltet dokument og hele dokumentet. Dette vil styre hele HTML dokumentet, lige meget hvad der andres på i resten af dokumentet. Her ses at ved link skal der ikke være understregning, hvis man så senere bestemmer sig for at nogle link skal have under stregning så virker det ikke eller også skal {text-decoration: none} fjernes.
<HTML>
<HEAD>
<STYLE TYPE=”text/css”>
<!–
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
–>
</STYLE>
<TITLE>Vores CSS</TITLE>
</HEAD>
<BODY TEXT=”#000000″ LINK=”#000000″ VLINK=”#003366″ ALINK=”#000033″ BACKGROUND=”/images/bg.gif”>
</BODY>
</HTML>
Hvorfor er der sat <body> tag på denne side?
Det er fordi browsere af ældre type eller af fremmede (ikke Netscape og Microsoft) bliver formateret, så det også ser pæn ud med disse browsere) og at farverne er sat i <body>, disse kan også sættes i selve CSS koden.
Tags: artikel, Artikler, Cascading Style Sheet, cascading style sheets, css, design, Generelt, hjemmeside, kode, lær, nemme, tutorial, tutorials, Webdesign
