Miten saa koko

nimetönnä

sivuston fontit kerralla määriteltyä tietyn kokoiseksi, nyt kun css:n bodyyn laittaa font-size: 12px, niin se ei muuta kuin tablen ulkopuolella olevat tekstit..?

Miksei tuo css määritä niitä muita tekstejä jotka ovat otsikoissa, div:ssä jne. vai olenko tehnyt jotain väärin..?

7

532

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Tõppõ

      Kun jollekin elementille annetaan jokin määrite niin sen pitäisi koskea myös määritellyn elementin sisällä olevia elementtejä. Esim. kaikki bodylle annettavat määritteet pitäisi koskea kaikkia elementtejä (pienin poikkeuksin).

      Aina selaimet eivät kuitenkaan tätä tee. Siksipä suositellaankin varmistamaan asia näin:


         body, table, div, h1, h2, p {font-size: 120%; color: Red;};

      • Kukaan asiantuntija ei suosittele tuollaista.

        Siitä vasta riemu repeäisi, jos body-elementin fonttikoko olisi 120 % käyttäjän valitsemasta koosta, div-elementin 120 % body-elementin fonttikoosta (eli 144 % käyttäjän valitsemasta), sen sisällä olevan div-elementin taas 20 % isompi jne.


      • Tõppõ
        Yucca kirjoitti:

        Kukaan asiantuntija ei suosittele tuollaista.

        Siitä vasta riemu repeäisi, jos body-elementin fonttikoko olisi 120 % käyttäjän valitsemasta koosta, div-elementin 120 % body-elementin fonttikoosta (eli 144 % käyttäjän valitsemasta), sen sisällä olevan div-elementin taas 20 % isompi jne.

        Taisin vetästä tuon esimerkin vähän hätäisesti. Tarkoitin kuitenkin kertoa että samat määräykset saa varmistettua eri elementteihin käyttämällä pilkkua siinä välissä:

           body, table, div, h1, h2, p {color: Red;font-family: Arial, Helvetica, sans-serif;}
           body, table, div, p {font-size: 12px;}



        Joo, pitäisi vissiin joskus vähän miettiä ennen kuin vastaa:)


      • Tõppõ kirjoitti:

        Taisin vetästä tuon esimerkin vähän hätäisesti. Tarkoitin kuitenkin kertoa että samat määräykset saa varmistettua eri elementteihin käyttämällä pilkkua siinä välissä:

           body, table, div, h1, h2, p {color: Red;font-family: Arial, Helvetica, sans-serif;}
           body, table, div, p {font-size: 12px;}



        Joo, pitäisi vissiin joskus vähän miettiä ennen kuin vastaa:)

        Niin, pilkkuja kyllä voi käyttää noin. Mutta tekstin värin asettaminen asettamatta taustan väriä on varomatonta, ja värin asettaminen punaiseksi hölmöä. Kiinteän fonttikoon asettaminen on paha juttu, ja sen asettaminen niinkin pieneksi vielä pahempi.

        Esimerkkejä vain? Mutta eikö kannattaisi näyttää _hyvää_ esimerkkiä?

        Käytännössä
        body, table { font-family: Arial, Helvetica, sans-serif;}
        riittää. Siihenkin tuo table tarvitaan oikeastaan vain eräiden selainten virheellisen t. kummallisen toiminnan takia.


      • Tõppõ
        Yucca kirjoitti:

        Niin, pilkkuja kyllä voi käyttää noin. Mutta tekstin värin asettaminen asettamatta taustan väriä on varomatonta, ja värin asettaminen punaiseksi hölmöä. Kiinteän fonttikoon asettaminen on paha juttu, ja sen asettaminen niinkin pieneksi vielä pahempi.

        Esimerkkejä vain? Mutta eikö kannattaisi näyttää _hyvää_ esimerkkiä?

        Käytännössä
        body, table { font-family: Arial, Helvetica, sans-serif;}
        riittää. Siihenkin tuo table tarvitaan oikeastaan vain eräiden selainten virheellisen t. kummallisen toiminnan takia.

        Minä käytän jostain syystä usein mahdollisimman kelvottomia väriesimerkkejä:) Miksikö.. no emmää tiiä, ainakin ideoita napsiva joutuu sitten itse pähkäilemään miten ne saa itselle sopivaksi.

        Joo oikeassahan sinä olet, en minä sillä.




        En tiedä miten ihmeessä sivuntekijöille saisi tolkutettua päähän tuon että selaimen oletusfonttikoko on leipätekstiin aivan oivallinen (itse fontti ei), ja jos se on selaajan mielestä väärä niin selaajahan saa sitä helposti muutettua mikäli sitä ei ole laitettu kiinteäksi eikä sivun leyouttia ole suunniteltu fonttikoon varaan toimivaksi.

        Itse nappaan välillä huonosti tehdyillä sivuilla surffatessani koko tyylimääritykset helkuttiin (Operalla se ainakin käy helposti) jotta sivuista saisi jotain tolkkua. Useimmiten kuitenkin painan back-nappia sellaisille sivuille saapuessani.


      • Nojaa
        Yucca kirjoitti:

        Niin, pilkkuja kyllä voi käyttää noin. Mutta tekstin värin asettaminen asettamatta taustan väriä on varomatonta, ja värin asettaminen punaiseksi hölmöä. Kiinteän fonttikoon asettaminen on paha juttu, ja sen asettaminen niinkin pieneksi vielä pahempi.

        Esimerkkejä vain? Mutta eikö kannattaisi näyttää _hyvää_ esimerkkiä?

        Käytännössä
        body, table { font-family: Arial, Helvetica, sans-serif;}
        riittää. Siihenkin tuo table tarvitaan oikeastaan vain eräiden selainten virheellisen t. kummallisen toiminnan takia.

        *Mutta tekstin värin asettaminen asettamatta taustan väriä on varomatonta,*

        Miksi?


        *ja värin asettaminen punaiseksi hölmöä. Kiinteän fonttikoon asettaminen on paha juttu*

        Miksi punaiseksi asettaminen on hölmöä? olettaen että väri sopii sivun ilmeeseen.


        *ja sen asettaminen niinkin pieneksi vielä pahempi. *

        Eihän 12 px ole pientä?



        Olis kiva tietää miten se fontinkoko kannattaa sivuille määritellä, joissain neuvotaan käyttämään em toisissa ohjeissa % (prosentteja) toisissa taas px (pikseleitä)


    • Wille

      * {font...}

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Kylläpä on nautinnollista taas tämä palstan vassari valitus!

      Lähes jokainen avaus on vassareiden kitinää ja valitusta. Eikö se tarkoitakin, että silloin asiat menee maassamme parem
      Maailman menoa
      114
      3378
    2. Palkansaajilta kupattiin 27,5 mrd euroa työeläkkeisiin

      Jo pelkän himmelin toimintakulut olivat 400 miljoonaa euroa, jolla olisi mukavasti tuottanut myös sote-palveluja hyvinvo
      Maailman menoa
      26
      2766
    3. HS: persujen v. 2015 turvapaikanhakijoista alle puolet töissä

      Aikuisina Suomeen tulleista ja myönteisen päätöksen saaneista vain 42 prosenttia oli vuonna 2023 töissä, vaikka he ovat
      Maailman menoa
      77
      2598
    4. Mikä kaivatussasi herätti mielenkiintosi

      Kun tapasitte ensi kerran? Ulkonäössä? Luonteessa tai olemuksessa? Kuinka nopeasti mielenkiinto muuttui ihastukseksi?
      Ikävä
      100
      1609
    5. Persut muuten hyväksyvät 2 + 8 mrd. euron maatalous- ja yritystuet

      Vaikka molemmat tukimuodot tiedetään haitallisiksi, koska ovat käytännössä pelkkää säilyttävää tukea, eivätkä kannusta k
      Maailman menoa
      74
      1518
    6. Valkoinen Golf

      Kukahan on tämä ukko, joka työkseen kyylää pienen ässän asiakkaita viikon jokaisena päivänä.
      Kuhmo
      19
      1174
    7. Kaikki ovat syntisiä!!!

      Näin täällä koko ajan vakuutellaan uskovaisten toimesta. Myös Päivi Räsänen on toistanut tätä samaa matraa jatkuvasti. N
      Luterilaisuus
      374
      1095
    8. Martina Aitolehti podcastissa: Ero

      Martina Aitolehti podcastissa: Ero Martina Aitolehti kertoi BFF-podcastin https://www.iltalehti.fi/viihdeuutiset/a/696
      Kotimaiset julkkisjuorut
      201
      1085
    9. Moottorisahalla kauppaan

      Missäs päin kaupunkia tämä yöllä moottorisahalla kauppaan yrittänyt asiakas askaroi? https://poliisi.fi/-/mies-yritti-s
      Kajaani
      12
      947
    10. Jos olisit kaivattusi

      Kanssa kahdestaan samassa tilassa niin miten kävisi
      Ikävä
      51
      882
    Aihe