/*
CSS (Cascading Style Sheets) används för att få mer kontroll på hur en HTML-sida ska visas.

Egentligen "ska" det bara finnas struktur i HTML-filen, och all layout ska göras i en separat CSS-fil. Ofta är det svårt.
*/

/* Det här är en kommentar i CSS-filen. */
/* Man kunde tro att // skulle funka som kommentar, men det gör den inte. */

/*
I CSS talar man först om vilket element man vill påverka, och sedan räknar man upp en lista med egenskaper och värden.
Man kan till exempel påverka HTML-elementet body, och säga att bakgrundsfärgen ska vara datarosa.
*/
body {
	background-color: #f280a1;
}

/*
Man kan påverka en hel klass av element på en gång, om man har satt class-argumentet i HTML-filen. För att webbläsaren
ska veta att man pratar om en klass, så skriver man en punkt innan klassens namn.
*/
.special {
	font-weight: bold;
}

/*
Ibland kan man vilja påverka ett enda unikt element. Då använder man sig av id, och i CSS sätter man # framför namnet.
*/
#unique {
	color: white;
}

/*
Om man har gjort inställningar på olika ställen så läggs de ihop. Vi har redan definierat klassen .special, och om vi nu
ställer in hur div-taggar ska se ut, så kommer en <div> att bli kursiv, och en <div class="special"> blir både kursiv
och fetstilt.
*/
div {
	font-style: italic;
}

/*
Man kan göra lite mer avancerade saker också, till exempel med ärvning.
*/
span {
	text-decoration: underline;
}

/*
Och man kan göra mycket mer avancerade saker, som att påverka utseendet på alla barntaggar till taggar med en viss klass,
med mera. Det får man läsa om på annat ställe. :-)
*/