CSS on CSS-tyylitaulukko, jota käytetään visuaalisten elementtien luomiseen Internet-resurssisivulle. CSS: ssä määritettyjen objektien hahmontaminen toteutetaan HTML-merkintäkielellä. Porrastettuja taulukoita ei voida käyttää yksin.
CSS: n käyttö
CSS on tyylikieli, joka toteuttaa HTML-merkintäelementtien renderoinnin. Porrastettujen taulukoiden avulla voit mukauttaa vaihtoehtoja, joita ei voi muuttaa HTML-muodossa. Esimerkiksi tyylityskielellä voit muokata kirjasintyyliä, väriä. CSS: n avulla voit asettaa marginaalit, viivat, täytteen, leveyden, sijaintielementit ja suorittaa niiden parametrien tulostuksen, joita on mahdotonta toteuttaa "puhtaalla" HTML: llä.
Lähes kaikki selaimet tukevat CSS-tyylitaulukoita, ja niitä käytetään melkein missä tahansa verkkoresurssissa. Ne hallitsevat sisällön näyttämistä tietyllä kielellä ja antavat sinun hallita kohteiden näyttämistä eri medioille.
Jos HTML: ää käytetään vain keinona jäsentää sivun teksti, CSS: n avulla voit mukauttaa näytetyn sisällön näyttämistä.
CSS-syntakse ja sen sisällyttäminen HTML-koodiin
Sivua suunniteltaessa on suositeltavaa käyttää CSS: ää HTML-työkalujen sijaan. Tosiasia on, että HTML: llä ei alun perin ollut keinoja elementtien värin muokkaamiseen, eikä sitä ollut tarkoitus asettaa väri- ja näyttöparametreja, ja siksi jotkut web-kehittäjät saattavat pitää HTML-kuvailijoiden käyttöä suunnittelun luomisessa virheellisenä.
CSS: llä on erilainen syntaksin muoto kuin HTML: llä, ja se sisältyy sivukoodiin tunnisteiden kautta. Voit myös integroida erillisessä tiedostossa olevan CSS-koodin parametritunnisteen avulla:
CSS-koodilla on tietty syntakse, jota tulisi noudattaa tarkasti, muuten luotuja tyylejä ei näytetä sivulla. Osa CSS-koodista voidaan jakaa kolmeen pääelementtiin: valitsin, ominaisuus ja arvo. Nämä kohdat on kirjoitettu seuraavasti:
selector {ominaisuus: arvo; }
Valitsin määrittää kahvan, johon luotu näyttösääntö koskee. Ominaisuusparametri määrittää elementin muokattavan aspektin ja arvo määrittää vastaavan ominaisuuden vaihtoehdon. Esimerkiksi vaihtaaksesi toisen tason otsikon väriä
HTML, voit käyttää seuraavaa koodia:
h2 {väri: punainen; }
Tämä koodi asettaa tekstin väriksi punaisen, joka sijaitsee toisen tason otsikkokuvaajassa.
CSS käyttää tavallista HTML-väritaulukkoa.
Tunnisteiden käytön lisäksi voit käyttää myös sisäisiä tunnisteita. Esimerkiksi:
Otsikko
Tämä koodi on identtinen yllä kuvatun kanssa, sillä erolla, että itse CSS-parametrit asetettiin muokkausta varten tarvittavan kuvaimen sisään.