Jump to content
Hundesonen.no

CSS


Blackburn

Recommended Posts

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 :):)

Link to comment
Share on other sites

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 :)

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.


×
×
  • Create New...