Nybörjare i CSS

Citera flera Citera

2012-02-09 09:35

thomas67lundberg

Medlem

Plats: Sthlm
Registrerad: Okt 2009

●

CSS är ett komplement till html eller php. Du ska med andra ord ha en index-fil (index.htm) OCH en css-fil.
MEN - det är inget måste; Du kan skapa en HTML-fil och skriva css-formatering direkt i det dokumentet, antingen skapar du en definiton i <head>-taggen eller så skapar du definitionen direkt på den taggen du vill ändra (tex. ).

Skillnaden är prioriteten; En definition direkt på taggen kommer gälla även om det finns en annorlunda definition i <head>, som i sin tur kommer gälla framför ett externt css-dokumnet.

Anledningen är att du ska kunna åtsidosätta definitionerna i ett externt css-dokument (som gäller för alla sidor som länkar till css-filen). på en viss sida. Det är dock alltid vettigt att försöka få med *alla* definitioner i den externa .css-filen på en gång.

Läs stycket som heter "CSS i extern mall eller i dokumentet?" på webbdesignskolan en gång till.

Visa signatur

It´s-a me! Mario!

Citera flera Citera

2012-02-09 09:44

Alling

99:e percentilen ★

Testpilot

Plats: Göteborg
Registrerad: Aug 2011

●

Skrivet av Hyper212:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Sidan namn</title>

Dold text

Varför använder de det svartmarkade som jag strykit?

Det har inget med CSS att göra, utan är endast till för att webbläsaren ska veta vilken MIME-typ (text/html) och teckenkodning (ISO-8859-1 – västeuropeisk) dokumentet har (om dokumentet inte laddas från en webbserver).

Du bör ha en fil som heter t ex stylesheet.css och i vilken du har alla dina CSS-regler. Lägg den i samma mapp som index.html till att börja med, och använd följande tagg i ditt HTML-dokument:

<link rel="stylesheet" href="stylesheet.css" />

Visa signatur

Skrivet med hjälp av Better SweClockers

Citera flera Citera

2012-02-09 09:48

Deemer9010

Medlem

Plats: Norrköping
Registrerad: Aug 2007

●

lite offtopic men tips på en bra sida för webbutveckling
http://www.w3schools.com/

Citera flera Citera

2012-02-09 10:34

Hyper212

Medlem

Registrerad: Okt 2011

●

Skrivet av Alling:

Det har inget med CSS att göra, utan är endast till för att webbläsaren ska veta vilken MIME-typ (text/html) och teckenkodning (ISO-8859-1 – västeuropeisk) dokumentet har (om dokumentet inte laddas från en webbserver).

Du bör ha en fil som heter t ex stylesheet.css och i vilken du har alla dina CSS-regler. Lägg den i samma mapp som index.html till att börja med, och använd följande tagg i ditt HTML-dokument:

<link rel="stylesheet" href="stylesheet.css" />

Skrivet av thomas67lundberg:

CSS är ett komplement till html eller php. Du ska med andra ord ha en index-fil (index.htm) OCH en css-fil.
MEN - det är inget måste; Du kan skapa en HTML-fil och skriva css-formatering direkt i det dokumentet, antingen skapar du en definiton i <head>-taggen eller så skapar du definitionen direkt på den taggen du vill ändra (tex. ).

Skillnaden är prioriteten; En definition direkt på taggen kommer gälla även om det finns en annorlunda definition i <head>, som i sin tur kommer gälla framför ett externt css-dokumnet.

Anledningen är att du ska kunna åtsidosätta definitionerna i ett externt css-dokument (som gäller för alla sidor som länkar till css-filen). på en viss sida. Det är dock alltid vettigt att försöka få med *alla* definitioner i den externa .css-filen på en gång.

Läs stycket som heter "CSS i extern mall eller i dokumentet?" på webbdesignskolan en gång till.

Skrivet av Deemer9010:

lite offtopic men tips på en bra sida för webbutveckling
http://www.w3schools.com/

En fråga:

Kan en extern CSS fil (mall.css) innehålla HTML taggar eller ska det endasta köras via CSS, som detta:

h3
{
color:red;
text-align:left;
font-size:8pt;
}

?

Citera flera Citera

2012-02-09 10:44

Deemer9010

Medlem

Plats: Norrköping
Registrerad: Aug 2007

●

vad jag vet så är CSS endast till att formatera/designa html-taggarna. Alltså skall du inte skriva Hello World m.m. i mall.css
Däremot kan du välja om skall ha röd bakgrund, vit-text m.m. i css:en

Citera flera Citera

2012-02-09 11:10

raldo94

Medlem

Plats: Varberg
Registrerad: Apr 2009

●

Extern CSS ska/kan bara används till CSS

Man använder Extern CSS för enkelt Holla reda på allt, som att du har olika sidor med samma css.

Citera flera Citera

2012-02-09 12:03

Alling

99:e percentilen ★

Testpilot

Plats: Göteborg
Registrerad: Aug 2011

●

Skrivet av Hyper212:

En fråga:

Kan en extern CSS fil (mall.css) innehålla HTML taggar eller ska det endasta köras via CSS, som detta:

h3
{
color:red;
text-align:left;
font-size:8pt;
}

?

Nej, en CSS-fil ska endast innehålla CSS-regler. Ditt exempel är en fullt valid stilmall.

Så här är det:

HTML använder man för att skapa semantiska dokument, dvs dokument vars olika delar man märker upp som rubriker, stycken, bilder, tabeller, länkar osv. Man inte bara skriver innehåll, man talar även om vad för slags innehåll det är frågan om. HTML används för innehåll.

CSS använder man för att tala om hur ens HTML-dokument ska presenteras – alltså se ut. CSS används för layout.

JavaScript – nästa steg när man kan HTML och CSS – använder man för att skapa dynamiska funktioner, så att användaren kan interagera med dokumentet. JavaScript används för interaktion.

Senast redigerat 2012-02-09 12:10

Visa signatur

Skrivet med hjälp av Better SweClockers

Citera flera Citera

2012-02-09 12:06

Hyper212

Medlem

Registrerad: Okt 2011

●

Tack för hjälpen allihopa!
Jobbigt med personer med mindre kunskaper det villl säga noobs, men jag lär mig trots allt

Fungerade bra nu och fattade principen. Kan komma att jag postar ett till inlägg om det behövs om jag stötter på forum eftersom det inte finns någon officiell tråd.

Citera flera Citera

2012-02-09 12:48