CSS (Cascading Style Sheets) on suosittu työkalu verkkosuunnittelussa. On vaikea kuvitella monia verkkosovelluksia ilman niitä. Ne voivat nopeuttaa verkkosivujen luomista ja muokkaamista. CSS-tiedosto on käytännössä kirjoitettu eräänlaiseksi tekstitiedostoksi, ja se sisältää ohjeita suunnittelua varten. Näin ollen on mahdollista käyttää CSS:ää myös kaikille alasivuille, jotka ovat Kotisivu käyttää samaa ulkoasua kutsumalla tätä CSS-tiedostoa kyseisen sivun otsikossa. Kun muutat ulkoasua, sinun tarvitsee vain muuttaa CSS-tiedostoa, ja tämä vaikuttaa kaikkiin muokattavan web-projektin sivuihin.
Muotoiluvaihtoehdot
Erityisellä ohjelmointikielellä CSS voidaan tehdä lähes kaikki Internet-sivun muotoilutehtävät, ainakin muotoiluun liittyvät. CSS:ää voidaan käyttää jopa erisävyisten kehysten ja yksinkertaisen grafiikan luomiseen. Fontit ja fonttikoot määritellään kerran CSS-tiedostossa, ja ne ovat siten automaattisesti käytettävissä koko luettelossa tai yritysesittelyssä. Vaihtelumahdollisuuksia on monia, koska tietyt alueet, kuten otsikot, taulukon sisältö, kuvatekstit tai alaviitteet, voidaan määritellä erikseen. Eriväriset taustat kuvioilla tai ilman kuvioita voidaan ilmoittaa CSS:n avulla. Erilaisia bulletteja, erilaisia dynaamisia elementtejä ja paljon muuta voidaan toteuttaa CSS:n avulla. Myös kuvat, videot ja äänisekvenssit voidaan integroida tällä tavalla, jos et halua tehdä sitä muulla tavalla.
Syntaksi
W3C:n ohjeiden mukaan näytettäviin ominaisuuksiin sovelletaan tiettyjä sääntöjä. Näissä on valitsijoita, jotka määrittävät tietyn arvon vastaavalle ominaisuudelle suluissa. Esimerkiksi toisen asteen otsikon värin tapauksessa tämä voi näyttää seuraavalta: h2 { color: green; } "Vihreän" sijasta tässä voisi olla myös värinumero. "h2" olisi valitsija, "color" ominaisuus ja "green" määritetty arvo. Tietenkin useita ominaisuuksia voidaan määrittää kerralla. Tärkeitä ovat välilyönnit avaussulkeiden jälkeen ja ennen sulkeita sekä puolipisteet kunkin tehtävän lopussa. Selkeyden vuoksi on suositeltavaa järjestää kukin ominaisuus erilliselle riville. Laajoissa projekteissa on myös suositeltavaa käyttää työkalua Verkkosivusto silloin ei ole järkevää, että sisäiset kommentit eivät ole näkyvissä.
Soveltamisalueet ja erityispiirteet
Kaskadoituvat tyylitiedostot on suhteellisen helppo integroida HTML- ja PHP-projekteihin. HTML (Hyper Text Markup Language) oli aluksi laajimmalle levinnyt sovellusalue. Täällä voidaan myös lisätä yksittäisiä tyylitiedostoja HTML-tiedostoon tyylikomennoilla. Kaskadoituvat tyylitiedostot eli useat ulkoasuelementit määritellään erillisessä tiedostossa, ja ne kutsutaan joko HTML-tiedoston tietyssä kohdassa tai, mikä on edullisempaa, otsikossa ulkoisena tiedostona. PHP:ssä (Hypertext Preprocessor - oikeastaan Personal Home Page Tools) CSS:ää ei ole vain integroitu *.css-tiedostoina, vaan se on linkitetty PHP-komentoihin. Periaatteessa myös PHP:n ja HTML:n yhdistelmä on mahdollinen. Nykyaikaisempi vaihtoehto on työskennellä tietokantojen kanssa, joissa, kun kyseessä on MySQL esimerkiksi web-projektin ominaisuudet luodaan PHP:n ja CSS:n avulla. Lukuisissa tietokantajärjestelmissä käytetään samankaltaisia tekniikoita. Sen lisäksi käytetään kuitenkin yleensä myös muita ohjelmointikieliä, jotka myös hyödyntävät CSS:ää. Valitettavasti käyttöjärjestelmiin ja selaimiin liittyy joitakin erityispiirteitä, jotka on otettava huomioon. Kaikki efektit eivät näytä samalta kaikissa selaimissa, ja jotkin niistä eivät edes tulkitse kaikkia. Siksi eri versiot on usein otettava huomioon selaimesta ja käyttöjärjestelmästä riippuen siinä, miten CSS:n ominaisuuksille annetaan arvot. Tätä tarkoitusta varten käytetty käyttöjärjestelmä ja selain kysytään yleensä HTML- tai PHP-tiedoston otsikosta tai tietokantajärjestelmästä, ja oikea CSS-versio määritetään.
edut ja haitat
CSS ovat tervetullut lisä ja yksinkertaistavat HTML- ja PHP-projekteja. Ne ovat loogisesti jäsenneltyjä, ja ne voidaan oppia suhteellisen nopeasti. CSS-tiedostossa oleva virhe näkyy kuitenkin useilla sivuilla, mutta se voidaan korjata nopeasti. Eksoottisten fonttien ja vieraiden kielten kanssa on ongelmia. Siksi sinun on syytä varautua ja määrittää vaihtoehtoinen vaihtoehto. Jos kyseessä on erikoisfontti, sen eteen voidaan määrittää arvo fontille, joka on normaalisti saatavilla kaikkialla. CSS käyttää ominaisuuden viimeisintä nimettyä arvoa. Jos tätä ei kuitenkaan voida esittää, se jätetään huomiotta. Jos olet käyttänyt tavallista fonttia ennen tätä tehtävää, se katsotaan viimeiseksi tulkittavaksi ja sivusi näkyy edelleen käyttökelpoisella tavalla. Vieraskieliset sarjat ja muut erityisominaisuudet on integroitava verkkoprojektiin HTML:n, PHP:n tai muun ohjelmointikielen avulla tai tarvittaessa ohjattava englanninkieliselle sivulle.
