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

597

    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. Uskaltaako tässä luottaa siihen että

      Ehkä rakastetaan toisiamme?
      Ikävä
      107
      1163
    2. Tunnusmerkkejä Kaivatulle

      Jotain mistä toinen tunnistaa. Täällä vaalea nainen kaipaa miestä jolla vaaleat hiukset ja asuu maalla. Pelataanko kortt
      Ikävä
      62
      1123
    3. Oletko nainen enää täällä?

      En ole tunnistanut kirjoituksiasi hetkeen. Ainoastaan yhdessä neutraalissa ketjussa, missä ei ollut kyse tunteista. Hyv
      Ikävä
      64
      853
    4. Miehen ja naisen ystävyys

      Mitä järkeä on miehen ja naisen ystävyydessä jos toinen ajattelee toisesta enemmän= on rakastunut ja toivoo yhdessä oloa
      Ikävä
      146
      846
    5. Pidätkö itseäsi varattuna

      Kaivatullesi?
      Ikävä
      68
      747
    6. Naisten top-5 red flagit

      1. Feminismi: kertoo keskenkasvuisuudesta, välttää vastuuta tekemällä miehistä kestosyyllisen kaikkeen 2. Ylipaino: kiel
      Ikävä
      107
      649
    7. Pyydetään tiedonantoa "hyvinvointitalo"-hankkeen nykytilanteesta

      ja aikataulusta. Odotetaanko uutta hallinto-oikeuden päätöstä. Hallinto-oikeushan antoi teknisenlautakunnan lupajaosto
      Pyhäjärvi
      92
      603
    8. Rakastan sinua

      Anteeksi että epäilin sinua.. ❤️
      Ikävä
      54
      588
    9. 78
      561
    10. Mitähän meinaat

      Vai meinaatko mitään kohtaamisen suhteen?
      Ikävä
      39
      528
    Aihe