CCS tyylien testisivu sivustolle simopahula.fi (h1)

CCS tyylien testisivu sivustolle simopahula.fi (h2)

CCS tyylien testisivu sivustolle simopahula.fi (h3)

CCS tyylien testisivu sivustolle simopahula.fi (h4)


update_time

Linkki- ..-listat -tyylit -värit


update_time

a visited - vierailtu linkki
a hover - kursori linkin päällä
a active - klikkaus hetki linkki
Peruslinkki (a:link) PÄIVITYS
Erikoislinkki (.erikoislinkki)
NP-Linkki (.np_linkki)
NP-Arkpoi (.np_arkpoi)
Erikoislinkki 2 (.erikoislinkki2)

Linkkivärejen testaus

oli tekstissä joka on testi tekstiä sille,
jos linkkiä käytetään tekstin kanssa. Uusi aihe linkki oli tekstissä joka on testi tekstiä
sille, jos linkkiä käytetään tekstin kanssa. Uusi aihe linkki
Erikoislinkki 2 (.linkkilistan testaus)
oli tekstissä joka on testi tekstiä sille, jos
linkkiä käytetään tekstin kanssa. Uusi aihe linkki

linkkilistan testaus 2 (.erikoislinkki2)
hooverin hoover 2 (.linkkilistan testaus)
linkkilistan testaus 2 (.erikoislinkki2)
.aforce (.testi aforce tyyli)
    linkkilista
  • linkkilistan testaus 2 (.erikoislinkki2)
  • hooverin hoover 2 (.linkkilistan testaus)
  • linkkilistan testaus 2 (.erikoislinkki2)
    linkkilista2
  • linkkilistan testaus 2 (.erikoislinkki2)
  • hooverin hoover 2 (.linkkilistan testaus)
  • linkkilistan testaus 2 (.erikoislinkki2)
    asialista
  • linkkilistan testaus 2 (.erikoislinkki2)
  • hooverin hoover 2 (.linkkilistan testaus)
  • linkkilistan testaus 2 (.erikoislinkki2)
    Tietolista
  • linkkilistan testaus 2 (.erikoislinkki2)
  • hooverin hoover 2 (.linkkilistan testaus)
  • linkkilistan testaus 2 (.erikoislinkki2)
    nplista
  • linkkilistan testaus 2 (.erikoislinkki2)
  • hooverin hoover 2 (.linkkilistan testaus)
  • linkkilistan testaus 2 (.erikoislinkki2)

Fontit ja tyylit


update_time
Tekstityylit, joissa ei omaa määritystä näkyvät tällä fontilla.
Pääotsikko (.paaotsikko)
Pääotsikko Sini (.paaotsikko-sini)
Alaotsikko (.alaotsikko)
Alaotsikko Ei Colo (.alaotsikko-eicolo)
Väliotsikko ei väriä (.vali-eicolo)
väliotsikko värin kanssa (.valiotsikko)
(.npotsikko) NP merkintäotsikko
(.nppaaotsikko) NP merkintä sivun pääotsikko
(.eriko) NP vuosikertateksti
Sivu sapluunan perusteksti . verdana, ei kokomääritystä

Huomio (.huomio)
Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

Huomio pieni (.huomiopieni)
Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

Huomio pieni 15 (.huomiopieni15)
Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

Pieni keltainen (.pienikeltainen)
Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

Pieni sini (.pienisini)
Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

isovihrea (.isovihrea)
Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

isosini (.isosini) Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

Helve 16 (.helve16)
Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

Helve 19 (.helve19)
Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

Koko 4 Kelta (.font-size4-kelta) NYT MYÖS .font4kelta
Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

Koko 4 Sini (.font-size4-sini) MYÖS .font4sini
Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

Koko 4 Puna (.font-size4-puna) MYÖS font4puna
Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

Koko 4 (.font-size4)
Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

Koko 3 Var (.font-size3var)
Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

Koko 3 Var (.font-size3var)
Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

Koko 3 (.font-size3)
Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

Keskikoko (.keskikoko)
Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

Pieni 15 (.pieni15)
Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

Koko 2 (.font-size2)
Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

Pieni vihreä (.pienivihrea)
Testitekstiä tälle css määritteelle, jonka nimi on pienivirheä. numerot ovat: 0123456789. mihin hittoon mä tätäkin tyyliä käytän?

Pienin (.pienin)
Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

pienisini (.pienisini)
Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

(.koko22)
Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

(.koko20)
Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

(.koko18)
Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

(.koko16)
Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

(.koko14)
Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

fkelta
tekstiä Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

fsini
tekstiä Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

fpuna
tekstiä Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

listasini
tekstiä Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

fvih
tekstiä Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

fsiniv
tekstiä Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

listasini
tekstiä Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.

npmono5
tekstiä Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789.


update_time

----kuvalootat---

.pieninta
kuvatekstiä neljällä eri sanalla

.pieninta2
kuvatekstiä neljällä eri sanalla

fpuna
tekstiä Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä. numerot ovat: 0123456789. fsini
tekstiä span classilla Testitekstiä tälle css määritteelle, jonka nimi mainitaan edellä fsini. numerot ovat: 0123456789.ja teksti jatkuu span kiinni tagin
jälkeen tässä


fkeltapure - täysin keltainen teksti

(.listasini) Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä.


update_time

NP päätekstiluokat

NP (.np) Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä.
NP2 (.np2) Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä.
(.np3) Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä.
(.npsin) Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä.
(.npsin2) Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä.
(.npsin3) Tekstiä jonka tarkoitus on
testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata
tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata
tätä tyyliä.
(.npkel) Tekstiä jonka
tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä.
Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on
testata tätä tyyliä.
(.npkel2)
Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus
on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on
testata tätä tyyliä.
(.npkel3) Tekstiä jonka
tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on
testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata
tätä tyyliä.
(.nppun) Tekstiä
jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus
on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on
testata tätä tyyliä.
(.nppun2) Tekstiä
jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus
on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä
tyyliä.
(.npmono3) Tekstiä
jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä.
Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus
on testata tätä tyyliä.

(.npmono4) Tekstiä jonka tarkoitus
on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä.
Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä.


(.taho) Tekstiä jonka tarkoitus on
testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. T
ekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä.


(.tila1)
Tekstiä jonka tarkoitus on testata tätä tyyliä. T
ekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. T
ekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä.


(.tila2) Tekstiä
jonka tarkoitus on testata tätä tyyliä.
Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä.
Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä.


(.tila3) Tekstiä
jonka tarkoitus on testata tätä tyyliä.
Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä.
Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä.



(.tila32) Tekstiä
jonka tarkoitus on testata tätä tyyliä.
Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä.
Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä.


(.tilapiru) Tekstiä jonka tarkoitus on testata tätä tyyliä.
Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä.
Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä.



(.tilapiru2) Tekstiä jonka tarkoitus on testata tätä tyyliä.
Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä.
Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä.


(.tila4) Tekstiä jonka tarkoitus on
testata tätä tyyliä.
Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä.
Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on
testata tätä tyyliä.



(.tila5) Tekstiä jonka tarkoitus on
testata tätä tyyliä.
Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä.
Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on
testata tätä tyyliä.



div class="tilanne" Tämä taas
olisi kuten
testiä, sille
että jos
vaikka
kirjoitaisi
taas taustaa tarvitsevaa

Ja sitten lopetan sen lootan.

div class="tilanne1" Tämä taas
olisi kuten
testiä, sille
että jos
vaikka
kirjoitaisi
taas taustaa tarvitsevaa

Ja sitten lopetan sen lootan.

div class="tilanne2" Tämä taas
olisi kuten
testiä, sille
että jos
vaikka
kirjoitaisi
taas esimerkkitekstia

Ja sitten lopetan sen lootan.

div class="tilanne3" np3Tämä taas
olisi kuten
testiä, sille
että jos
vaikka
kirjoitaisi
taas jotain esimerkkitekstiä

Ja sitten lopetan sen lootan.

div class="tilanne4" np Tämä taas
olisi kuten
testiä, sille
että jos
vaikka
kirjoitaisi
taas taustaa tarvitsevaa

Ja sitten lopetan sen lootan.

div class="tilanne5 " np2 Tämä taas
olisi kuten
testiä, sille
että jos
vaikka
kirjoitaisi
taas taustaa tarvitsevaa

Ja sitten lopetan sen lootan.

tilanne6 --Tämä taas
olisi kuten
testiä, sille
että jos
vaikka
kirjoitaisi
taas taustaa tarvitsevaa np3

Ja sitten lopetan sen lootan.

div class="tilanne7 " npsin3 Tämä taas
olisi kuten
testiä, sille
että jos
vaikka
kirjoitaisi
taas taustaa tarvitsevaa

Ja sitten lopetan sen lootan.

div class="kelikam " npsin3 Tämä taas
olisi kuten
testiä, sille
että jos
vaikka
kirjoitaisi
taas taustaa tarvitsevaa

Ja sitten lopetan sen lootan.
testi tyylille, koodaus p class yhdistetty diviin. "yollinen npmono"

div class yollinen
p class npmono) Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä.
Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä
tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä.

.npmono teksti ilman div lootaa

Mono (.mono)
Testitekstiä tälle css määritteelle, jonka nimi on mono. numerot ovat: 0123456789.
Testitekstiä tälle css määritteelle, jonka nimi on mono. numerot ovat: 0123456789.Testitekstiä tälle css
määritteelle, jonka nimi on mono. numerot ovat: 0123456789.

.mono teksti ilman div lootaa

(.npvaliotsikko)
Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä.
Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä.
Tekstiä jonka tarkoitus on testata tätä tyyliä.

(.npmono)
Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä. Tekstiä jonka tarkoitus on testata tätä tyyliä.

Myös .helve16 Tekstiä jonka tarkoitus on testata tätä tyyliä., .mono Tekstiä jonka tarkoitus on testata tätä tyyliä.,
.musalista Tekstiä jonka tarkoitus on testata tätä tyyliä.,
.listasini Tekstiä jonka tarkoitus on testata tätä tyyliä.,
.tarkisto-otsikko Tekstiä jonka tarkoitus on testata tätä tyyliä.,
.helve16 Tekstiä jonka tarkoitus on testata tätä tyyliä.Tekstiä jonka tarkoitus on testata tätä tyyliä kahdella rivillä jotka koostuvat vokaaleista ja konsonanteista suomen kielellä.Tekstiä jonka tarkoitus on testata tätä tyyliä kahdella rivillä tai useammalla rivillä - jotka koostuvat vokaaleista ja konsonanteista suomen kielellä.,
.taho Tekstiä jonka tarkoitus on testata tätä tyyliä kahdella rivillä tai usemalla rivillä - jotka koostuvat vokaaleista ja konsonanteista suomen kielellä.Tekstiä jonka tarkoitus on testata tätä tyyliä kahdella rivillä jotka koostuvat vokaaleista ja konsonanteista suomen kielellä.,
.isovihrea Tekstiä jonka tarkoitus on testata tätä tyyliä.,
.helve19 Tekstiä jonka tarkoitus on testata tätä tyyliä.,
.isokelta-eicol Tekstiä jonka tarkoitus on testata tätä tyyliä.o,
.vali-eicolo Tekstiä jonka tarkoitus on testata tätä tyyliä. käyvät.
.npvuodet 1234567890 2021 2005 2026



up

Tyylien testausta

Eli ajatuksena on, jos alkaisi käyttämään taustakuvallisia lootia merkkaamaan sitä, mitä teksti käsittelee. Mullahan on jo se yöllinen. Eli musta laatikko, ei taustakuvaa. Mutta
div class="kelikam" Tämä
olisi
testiä,
jos
vaikka
kirjoitaisi
taas joskus kelikamerakierrosta.
Ja tässä kohtaa lopetan sen lootan. Ja sitten esimerkkinä

Tämä on
niin sanottujen
yöllisien tekstejen
laatikko.
Ei taustakuvaa ja fontti eri.

Ja sitten vielä yksi testaus

HR LUOKAT

hr class hr-test
hr class keltapalkki
hr
hr class="hr-liuku"
hr class="hr-liuku2"
hr class="hr-liuku3"
hr class="hr-liuku4"
hr class="hr-liuku5"
hr class="hr-liuku6"

.erikoislinkkipieni tyylin nimi esimerkkitekstinä

.vuosivalintanp tyylin nimi esimerkkitekstinä

.isokelta tyylin nimi esimerkkitekstinä

.font4kelta tyylin nimi esimerkkitekstinä

.font4sini tyylin nimi esimerkkitekstinä

.font4puna tyylin nimi esimerkkitekstinä

.font3var tyylin nimi esimerkkitekstinä

.keskikoko-b tyylin nimi esimerkkitekstinä

.shedevil tyylin nimi esimerkkitekstinä

.hr-puna tyylin nimi esimerkkitekstinä

.Footer-teksti (#footerteksti)

update_time

Aika, kun tätä sivua on viimeksi päivitetty 24.03.2026