CSS

[Blackburn]

Har front page, og prøver å lage en hjemmeside...

Men jeg finner ikke ut noen om hvordan man linker css dokumenter og html dokumenter sammen...

Er det noen som kan gi meg en kjapp inføring om hvordan css virker?

Har skjekka på nettet, og funnet noe, men skjønner fortsatt ikke noe om css...

Hadde blitt kjempe glad hvis noen tok seg tid til det

[Mirai]

Sliter med det samme selv, og jeg holder på å lese om det. Skal nemlig lage en hjemmeside helt fra bunnen av med php, html og CSS Gruer meg hardt bare jeg tenker på det, og jeg har bare tre uker før jeg skal være FERDIG. Oo.

Tilbake til saken.

Hvilket program bruker du? I GoLive så kan man legge CSSkodene i et eget tekstdokument (f.eks Notisblokk) og så hente det opp i GoLive slik at det styler siden du allerede har laget. Dessverre kan jeg ikke forklare deg mer enn det

[Ellen]

Kan du ikke bare skrive

<style>

så skriver du inn kodene her

og avslutter med </style>

eller linke til den på denne måten <LINK href="site.css" rel=stylesheet>

[Ingvild]

CSS fungerer sånn at den styrer utseendet (farger, fonter osv) på alle sidene hvor du har satt at det skal styres av CSS. Om dere skjønner. Et HTML-dokument ser slik ut, sant:

<html>

<head> 

<title>Tinka.tk</title>

</head> 

<body>

tekst og koder du skal ha på siden din.

</body>

</html>

Hvis du i hodet på dokumentet setter inn denne koden:

  <link rel="stylesheet" type="text/css"

href="style.css"/>

så har du satt at dokumentets utseende skal styres av CSS, forutsatt at du har en CSS-fil som du har lastet opp (den laster du opp på samme måte som med alle de andre dokumentene). Et CSS-dokument er bygd opp av masse koder. CSS-dokumentet til Tinka sin side ser f.eks. sånn ut:

/* CSS Document */

<style type="text/css">

<!--

body,td,th {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	align: center;

}

body {

	background-color: #86834E;

}

a {

	font-size: 12px;

	color: #000000;

}

a:link {

	text-decoration: underline;

	color: #000000;

}

a:visited {

	text-decoration: underline;

	color: #000000;

}

a:hover {

	text-decoration: none;

	color: #000000;

}

a:active {

	text-decoration: none;

	color: #000000;

}

img {border: 0px;}

body, html {

  scrollbar-face-color: #86834E;

  scrollbar-shadow-color: #000000;

  scrollbar-highlight-color: #000000;

  scrollbar-3dlight-color: #000000;

  scrollbar-darkshadow-color: #000000;

  scrollbar-track-color: #000000;

  scrollbar-arrow-color: #000000;

}

-->

</style>

Skifter du på fargekodene, så skifter du også på alle sidene sitt utseende. Setter jeg f.eks. "#86834E" i stedet for "#000000" på skriftfargen, vil skriftfargen på alle sidene på Tinkas side bli gusjegrønn i stedet for svart.

Rekker ikke å forklare mer nå, men håper det hjalp litt.