Övriga diskussioner

HTML och CSS i samma dokument?

2015-07-15 20:32 #0 av: Alyssa

Hej!
Håller nu på att lära mig css och html. Läser boken HTML och CSS BOKEN från 2008 och har fastnat.

Det jag undrar är... Ska man göra css och html i samma eller olika dokument? 
Just nu ser mitt ut såhär:

<html>
<head>
<title>Min första webbsida</title>
<link rel="stylesheet" href="exempelmall.css">

h2 { color: grey; }
h1, h2 { font-family: sans-serif; }
p { text-align: justify; }
</head>
<body>

<h1>En liten huvudrubrik</h1>
<p>Massor av vanlig text</p>
<h2>En underrubrik</h2>
<p>Mer text. Hödsfhdfsqö Hej hopp</p>

</body>
</html>

...och när jag öppnar dokumentet i webben så står CSS'n med i kursiv högst upp på sidan... Fattar inte! :/

Blomma - Travhästen söker medisar! - Blomma
Sajtvärd för NyhedendomStenarSocialt stöd och Travhästen.
Medis på Huskatter och Råttor

Anmäl
2015-07-16 10:05 #1 av: deeman

Hej, det beror lite på hur omfattade din CSS är, eller kan komma att bli en mängd rader av kod.

Alt 1

För att din CSS-ska renderas korrekt behöver du tillskriva så att kodraden i 

HTML-dokumentet er ut enligt följande:

<style>
h2{color:grey;}
h1, h2{}font-family:sans-serif;}
p{text-align:justify;}
</style>
 

Alt 2

Men för att underlätta så administreringen i förhand ( ifall det så småningom blir mycket kod) så använd med fördel två dokument. 

CSS- dokumentet skapar du ex. i Sublime Text..... klistrar in din kod:

h2{color:grey;}
h1, h2{}font-family:sans-serif;}
p{text-align:justify;}

och döper till  ex. "style.css" och spara i en undermapp i mappen för din hemsida.

I Html- filen (dokumentet)  anropar du sedan CSS filen genom att lägga in följande kodrad: <link rel="stylesheet" type="text/css" href="css/style.css" /> strax innan den avslutande taggen </head>

Daniel, Värd: Datorn i Fokus. Medarbetare: Webbprogrammering iFokus.


Anmäl
2015-07-17 16:21 #2 av: thenameless

Ah det var det jag också saknade när jag läste hennes "kod" Style sheet är ju den viktigaste delen nästan när man skriver CSS

Anmäl
2015-10-06 22:34 #3 av: Ambrose

Det är nästan alltid bäst att ha CSSen i en separat fil eftersom det ska vara enkelt att ändra på CSSen i framtiden. Vill du ha en ny CSS (kanske ett "jultema") på din hemsida, så är det bara att lägga till en ny CSS fil.

Dessutom blir HTML filen mycket renare och tydligare om den bara innehåller HTML kod :)

Anmäl
2015-10-14 22:24 #4 av: johan

Det har hänt enormt mycket* sedan 2008. Kanske läge att skaffa en nyare bok?

(*) Alltså verkligen MYCKET. Typ som när vi gick från att dyrka tor och oden till att bli kristna istället...

Anmäl
2015-10-14 22:31 #5 av: thenameless

Men det är kul att köra "ols school" ibland... 

Anmäl

Bli medlem på iFokus

För att kunna delta i diskussionen måste du bli medlem på iFokus. Det går snabbt, enkelt, och kostar ingenting. Medlemskapet ger dig tillgång till över 300 sajter.