Teen tavallisella WYSIG-editorilla kotisivuja.
Tarkoituksena olisi tehdä erilaisia tyylitiedostoja sivun eri osissa toimiviin linkkeihin. Osa linkeistä tulisi olemaan allaviivaamattomia ja muutenkin erilaisia tyylitiedostoja linkeille tulisi vähintään kaksi.
Osaan tehdä jotenkin tyylitiedostoja, mutten liittää tyylitiedoston koodia toimivaksi html-koodin sekaan. Millaisilla koodeilla se onnistuu?
Tarkoituksena olisi tehdä erilaisia tyylitiedostoja sivun eri osissa toimiviin linkkeihin. Osa linkeistä tulisi olemaan allaviivaamattomia ja muutenkin erilaisia tyylitiedostoja linkeille tulisi vähintään kaksi.
Osaan tehdä jotenkin tyylitiedostoja, mutten liittää tyylitiedoston koodia toimivaksi html-koodin sekaan. Millaisilla koodeilla se onnistuu?
Vastaukset 2
Vanhimmat
Pistät dokumentin head-osaan linkin tyylitiedostoon:
Sitten teet kaikki tyylimäärittelyt tuossa css-tiedossa. Laitat jokaiseen sivuun tuon linkin niin kaikkille sivuille tulee sama tyyli.
Mikäli haluat eri paikkoihin erilaista tyyliä niin käytät class-määrettä:
linkki1
linkki2
Ja tyyliteidostoon vaikkapa:
.tyyli1 {
color: Red;
}
.tyyli2 {
color: Green;
text-decoration: none;
}
Jos haluat laittaa tyylimäärityksiä sinne koodin sekaan (ei kauhean suositeltavaa muuta kuin poikkeustapauksessa ja testauksissa) niin näinkin voit tehdä:
Teksti
Jos ymmärsin oikein, et saa tyylitiedostoa toimimaan html:n kanssa.
Kirjoita html-tiedostoon seuraava litania:
Jossa siis href-kohdassa kerrot tyylitiedostosi sijainnin ja nimen.