Link och Import CSS..

Du kan använda vilket som..

2. Är vilken CSS mall den ska köra på vid exempelvis när du skriver ut sidan så använder du "print"... dvs du kan designa om sidans utseende på "utskrifter"

Nu förstår jag inte alls var du menar!? :-)

Vi säger så här:
Du har en hemsida som har en svart bakgrund + vit text. om du nu skulle skriva ut sidan så kommer det bli bara ett vitt blad.
Med @import Print så kan du säga: Jag vill ha en svart text när någon skriver ut denna sida.

@import och Link skiljer sig åt så att @import förstås inte av gamla browsers som inte klarar av hmm css2.0(Någon får rätta mig här). Man kan alltså använda det genom att har två csser

css1: Avancerad css med alla dagens godsaker
css2: Simpel css med "vanliga" attribut

css1 kopplas in med hjälp av @import och css2 med link. På så vis har man kontroll över hur sidan ska se ut hos äldre browsers

ok. Är det fråga1 jag endast har fått svar på?

Jag svarar på fråga 2.... har för mig Dreamweaver har en bra hjälp just om detta..

... och om det föreligger några oklarheter svarade jag på fråga 1 :)

Som svar på fråga 2 så är det precis som voigtann1 säger. Du kan använda olika css klasser för olika medier. Medier räknas som när du skriver ut sidan, när du tittar på sidan på en tv, när du tittar på sidan med en handdator etc.

Exempel från http://www.w3schools.com/css/css_mediatypes.asp:

@media screen
{
p.test {font-family:verdana,sans-serif; font-size:14px}
}

@media print
{
p.test {font-family:times,serif; font-size:10px}
}

Ok. Jag tror inte jag greppar riktigt ännu eller så är jag korkad i bollen.
Om vi tar punkterna mer för sig vad dom gör för något så blir det klarare.

1. Alltså..vad innebär det att jag bockar i "endast" Import när jag kopplar en extern CSS-fil?

2. Vad har Media och dess alternativ för funktion?

Tack för hjälpen!

Genom att du Bockar så ändras din din <link> till:

<style type="text/css" media="screen,projection">
	@import url(style.css);
</style>

istället för att köra "link="""

För funktion? En funktion är som jag skrev: Att anpassa sidan till rätt format (utskrift exemplevis) hand datorer en annan osv.

1. @import förstås inte av gamla browsers så om du bara använder import så aktiveras inte din css fil i dessa.

2. Från http://www.w3schools.com/css/css_mediatypes.asp

Media Type  	Description
all				Used for all media type devices
aural			Used for speech and sound synthesizers
braille			Used for braille tactile feedback devices
embossed		Used for paged braille printers
handheld		Used for small or handheld devices
print			Used for printers
projection		Used for projected presentations, like slides
screen			Used for computer screens
tty				Used for media using a fixed-pitch character grid, like teletypes and terminals
tv				Used for television-type devices

Testa exemplet så förstår du. Gör en css som ser ut som exemplet jag hade innan. Sen gör du en sida med denna text

<p class="test">en text på sidan som ändrar storlek när den skrivs ut</p>

... och sen skriver du ut texten så ser du att den ändrar font-storlek och blir mindre på utskriften än vad den är på skärmen

Ok!

Nu fattar jag vad media är.

Men jag förstår fortfarande inte när man använder Import istället för Link om det ändå inte stödjer gamla webbläsare?

jonne skrev:

css1: Avancerad css med alla dagens godsaker
css2: Simpel css med "vanliga" attribut

css1 kopplas in med hjälp av @import och css2 med link. På så vis har man kontroll över hur sidan ska se ut hos äldre browsers

Alltså: En äldre läsare som kommer in kommer att ladda in den cssen som är länkad med LINK men inte den med @import. En modern tar båda två.

http://www.google.com/search?q=link vs import css

Detta var än rätt bra förklaring på det hela:
http://www.mail-archive.com/wsg@webstandardsgroup.org/msg00841.html