03. Front-end

HTML och CSS i samma dokument?

2015-07-15 20:30 #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 11:04 #1 av: deeman

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

I övrigt är det möjligt att dela på HTML och CSS- dokumentet.

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


Anmäl
2015-08-05 08:42 #2 av: ru4real

CSS stora fördel är att man separerar design från innehåll. På en sajt med hundratals sidor blir det jobbigt att ändra utseendet på alla så därför vill man gärna dela på dem.

Anmäl
2015-08-05 08:56 #3 av: deeman

#2
Sant, det blir mer struktur och lättare att administrera.

Som ett exempel, jag är med och bygger på en sajt som för närvarande (ej optimerat) har omkring 3 000 rader av CSS-kod

Skulle dessa koder ligga inbakade i  HTML-dokumentet skulle det vara en mödosman hantering.

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


Anmäl
2015-08-25 16:08 #4 av: Reptilian Feline

I första hand bör CSS vara i ett eller flera separata filer... mycket enklare så :-)

Sedan kan man göra speciella inline style i HTML-filen för något enskilt fall.

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.