13 svar · 487 visningar · startad av Kalle M
Tjenis!
Har 2 frågor (Html, dreamweaver)
1. När man kopplar en Extern CSS till en sida så kan man välja Link eller Import. Jag brukar alltid välja Link. När använder man Import?
2. När jag ska koppla en extern mall (I Dreamweaver) så finns det något som heter "Media". I i detta finns det följande val:
All, aural,braille,handheld,Print,Projection,screen,tty,tv
När använder man detta?
Tack för hjälpen!
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.
@import förstås inte av gamla browsers så om du bara använder import så aktiveras inte din css fil i dessa.
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" attributcss1 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å.
Detta var än rätt bra förklaring på det hela:
http://www.mail-archive.com/wsg@webstandardsgroup.org/msg00841.html