Ulkoisen tiedoston liittäminen

Mitä eroa näillä?

Mitä eroa on seuraavilla tavoilla ulkoisen tiedoston liittämiseksi:



tai


   @import "tyyli.css";


Entä tarvitaanko kommenttimerkkejä, jos niin miksi/miksei:


/**/
body {
   color: Black;
   background: White;
   }
/**/

tai

/**/

tai


   /**/

5

580

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • hjkp
    • fidel1

      link- ja import-tavoilla on jotain semanttisia eroja, esim. määritellyt tyylit saatetaan järjestää eri tavoilla. Import-säännöillä voidaan lisäksi määrittää eri tyylitiedosto eri medioille. Esim.

      @import url("fineprint.css") print;
      @import url("bluish.css") projection, tv;

      ohjaa selaimen käyttämään eri tyylisivuja tapauksesta riippuen.


      Kommenteista:

      ensimmäiset kaksi tapaa on väärin. Kolmannelle tavalle voi olla tarvetta, jos tyylimääritykset sisältävät jotain XML:n ohjausmerkkejä ja haluaa noudattaa tarkkaan XML-määrityksiä. Nykyiset selaimet eivät kommentteja tarvitse.

    • Ulkoisen tiedoston liittämisen tavoilla ei ole mainittavaa eroa. Jälkimmäisessä tavassa on kyllä mahdollista kirjoittaa @import-ilmoituksen perään CSS-koodia, mutta eipä tälläkään juuri ole merkitystä – saman vaikutuksenhan saa aikaan vaikkapa uudella style-elementillä.

      Kommentit ovat enimmäkseen haitaksi, etenkin ne ovat niin usein vääriä tai muuttuvat vääriksi, koska niitä ei korjata, kun koodia muutetaan.

      Tyhjät kommentit, /**/, ovat tietysti turhia. Jos haluaa muotoilla koodia väljemmäksi, on parempi käyttää tyhjiä rivejä.

      CDATA-sektioiden kanssa leikkiminen on syytä jättää niille, jotka niitä pakosta tarvitsevat – esimerkiksi jostain syystä joutuvat kirjoittamaan XHTML-dokumentin sisään CSS-koodia, joka sisältää merkkauksen kannalta merkitseviä merkkejä kuten ”

      • ..eroa jne.

        Huomasinkin että tuli kirjoitusvirheitä.

        /**/ -kommentointi oli tietenkin sivun http://www.w3.org/ lähdekoodista. Ajattelin että siinä on jokin juju.


        Eli suurin ero taitaa olla siinä, että @importtia ei wanhat selaimet ymmärrä, eikä tyylit silloin myös sekoita niitä. Niitä varten voisi kai tehdä jonkun superyksinkertaisen tyylin: määritellä vaikka fontti sans-serifiksi ja jotain vastaavaa.


      • ..eroa jne. kirjoitti:

        Huomasinkin että tuli kirjoitusvirheitä.

        /**/ -kommentointi oli tietenkin sivun http://www.w3.org/ lähdekoodista. Ajattelin että siinä on jokin juju.


        Eli suurin ero taitaa olla siinä, että @importtia ei wanhat selaimet ymmärrä, eikä tyylit silloin myös sekoita niitä. Niitä varten voisi kai tehdä jonkun superyksinkertaisen tyylin: määritellä vaikka fontti sans-serifiksi ja jotain vastaavaa.

        Joitakin outoja kommenttirakenteita on käytetty CSS:n kätkemiseen vanhoilta selaimilta, mutta /**/ tuskin tekee sellaista, ja koko ajatus kuuluu ihan toiseen aikakauteen. W3C:n sivuilla oleva /**/ on todennäköisesti silkkaa koodin koristelua (ja huono ajatus).

        @importia ymmärtämättömiä selaimia ovat lähinnä Netscapen versiot ennen versiota 6, joten niiden merkitys on aika olematon. Lisäksi jos joku surffailee sellaisella selaimella, hänellä on muutenkin sen verran ongelmia, että hänen täytyy kääntää CSS-tuki pois voidakseen toimia - tai sitten ohittaa hyvin iso osa sivuista.


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

    Luetuimmat keskustelut

    1. Purra hyökkää nyt suomalaisen duunarin kimppuun teettämällä mamuilla palkatonta työtä

      Niinpä niin. Persut duunaripuolue, HAH. Joko alkaa kovapäisinkin persu älyämään, että persut ovat Suomen kansan vastain
      Maailman menoa
      388
      12644
    2. Purra ehdottaa vaan Tanskan mallia, joka on erittäin hyvä malli

      Purra ehdotti helmikuussa Suomeen Tanskan mallia, jossa maahanmuuttajilta vaaditaan työntekoa sosiaalitukien saamiseksi.
      Maailman menoa
      269
      5542
    3. Kokoomusnuoret: Sosiaalitukien työvelvoitteen tulisi koskea kaikkia

      Riikka Purra on esittänyt, että maahanmuuttajilta tulisi edellyttää palkatonta työtä sosiaalitukien vastineeksi. Kokoom
      Maailman menoa
      236
      4073
    4. Purra vaatii: Työvelvoite maahanmuuttajille ja kantasuomalaisille pitkäaikaistyöttömille

      Jos Perussuomalaiset ja Kokoomus ovat seuraavan hallituksen kaksi johtavaa puoluetta, on suomalaisille pitkäaikaistyöttö
      Perussuomalaiset
      285
      3101
    5. Jyrki Linnankivi, Jyrki 69 - Goottirokkarista kirkonmieheksi Lappiin!

      Jyrki Linnankivi eli Jyrki 69 on The 69 Eyes -rockyhtyeen vokalisti. Lauluhommien lisäksi hän sanoittaa, säveltää ja sov
      Työ ja opiskelu
      23
      2105
    6. Onnea Maria ja Vilma Amazing Race -voitosta!

      Maria Guzenina ja Vilma Vähämaa voittivat Amazing Race Suomi -kisan. Voiton hetkellä Guzenina paljasti, miksi valitsi Vi
      Tv-sarjat
      20
      1910
    7. Juhana Vartiainen(ex-sd): Köyhien pitää tehdä jotain elämälleen säilyttääkseen tukensa

      Juhana Vartiainen ehdottaa Suomeen ”Tanskan mallia”, jossa sosiaaliturvaa saadakseen pitäisi hakea ensisijaisesti etuuks
      Maailman menoa
      53
      1575
    8. En ymmärrä näitä SDP:n ja muun vasemmiston kannattajia

      Eivätkö ihmiset tiedä, että Suomen ongelmat johtuvat vasemmistolaisesta yhteiskuntamallista? Suomessa on ollut vasemmis
      Maailman menoa
      21
      1188
    9. Mikä on mielestäsi paras miestyyppi?

      Esimerkit kärjistettyinä: a) perustavallinen/tasainen b) himourheilija c) varakas, turvallinen elättäjä d) puolikrimina
      Ikävä
      168
      988
    10. Martina Aitolehti

      Instagramissa pomppas esille Martinan kumipallot. Ihan säikähin. Ja tää on Martina-ketju!
      Kotimaiset julkkisjuorut
      273
      935
    Aihe