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

526

    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. Suomi on täysin sekaisin

      Jo ties monettako päivää hirveä itku ja poru jostain helvetin nilviäisistä. https://www.is.fi/taloussanomat/art-2000010
      Maailman menoa
      450
      4859
    2. Ensimmäisestä kohtaamisesta saakka

      minulla on ollut hämmentynyt olo. Miten voit tuntua siltä, että olisin tuntenut sinut aina? Sinun kanssasi on yhtä aikaa
      Ikävä
      15
      1732
    3. Aivan täysin tahallinen teko

      Ei mitään puolusteluja, eikä selittelyitä. Kuljettajalle kerrottiin asiasta siinä paikanpäällä, mutta silti hän ajoi ves
      Suomussalmi
      94
      1478
    4. Suomussalmi saatu vihdoin maailmankartalle!

      Nyt kun Suomussalmi on vihdoin viimein saatu ennennäkemättömällä tavalla maailman tietoisuuteen niin voitaisiin järjestä
      Suomussalmi
      53
      1359
    5. Olet saanut minut sekoamaan

      Tunteiden ristiaallokossa vellominen on ollut melkoinen kokemus. Ei kukaan ole saanut minua niin raiteiltaan kuin sinä.
      Ikävä
      23
      1337
    6. Mainehaitta metsäkonefirmalle

      Hukkajoen tapahtumista liikkuu paljon huhuja. Eikö kannattaisi julkaista raakkuja tuhonneen metsäkoneyrityksen nimi, kos
      Suomussalmi
      53
      1228
    7. Oho! Maajussi-Kallelta pakit saanut morsioehdokas Miss Suomi -kisoissa! Tunnistaisitko hänet nyt?

      Hmm, tunnistaisitko?!? Onnea missihulinoihin! Lue lisää ja katso kuvat: https://www.suomi24.fi/viihde/oho-maajussi-
      Suomalaiset julkkikset
      0
      1075
    8. Myönnän sinulle nyt

      Että olen erittäin mustasukkainen sinusta jo nyt. Ikävä on tämä tunne, kun tietämättömyyden solista nousee myrkkyä miele
      Ikävä
      54
      1010
    9. Pysytäänkö nainen

      edelleen yhtä viileän tyynenä kun nähdään. Uskotko että tahtoessani saisin murettua tyyneytesi hyvin helposti.
      Ikävä
      57
      895
    10. Olen käyttäytynyt ristiriitaisesti

      eikä minusta varmaankaan ota mitään selvää. Se johtuu siitä, kun järki sanoo ei, ei, ei ja sydän sanoo kyllä, kyllä, kyl
      Ikävä
      61
      879
    Aihe