Först och frÀmst behöver du veta att CSS stÄr för Cascading Style Sheets. Det fungerar pÄ samma sÀtt som <style> och beskriver hur HTML-element ska visas pÄ skÀrmen, papper eller i andra media Skillnaden Àr att CSS kan styra layouten pÄ flera webbsidor samtidigt medan <style> inte kan det. CSS filer lagras i filtypen .css och brukar heta style.css. Med en extern CSS fil kan du alltsÄ Àndra utseendet pÄ en hel webbplats genom att bara Àndra en fil istÀllet för att gÄ igenom alla hemsidor separat och Àndra de individuella <style> taggarna!
Först och frÀmst behöver du göra en css fil, det bÀsta alternativet Àr
om du skapar en mapp pÄ samma stÀlle som du har hemsidans
index.html
fil. Döp den mappen till
css
och gör sedan en fil som heter
style.css
inuti css mappen. Sedan behöver du koppla samman
index.html
filen och
style.css
pÄ nÄgot sÀtt, det gör du genom att anvÀnda dig utav
<link>
taggen. Har du gjort allt rÀtt hittils sÄ bör du bara behöva lÀgga
till raden med kod hÀr nedan i hemsidans
<head>
tagg.
<link rel="stylesheet" type="text/css"
href="css/style.css">
Om du nu öppnar upp
style.css
filen sÄ kan du skriva
body {
background-color: blue;
}
sÄ bör hemsidans bakgrundsfÀrg bli blÄ.
Nu borde du ha koll pÄ hur man anvÀnder sig utav CSS och kan kika pÄ de andra avsnitten. NÀsta avsnitt handlar om attribut vilket du kan gÄ till direkt genom att klicka hÀr.