CSS: erinevus redaktsioonide vahel

Eemaldatud sisu Lisatud sisu
AnnaSheshko (arutelu | kaastöö)
Resümee puudub
PResümee puudub
1. rida:
{{Toimeta|lisaja=Kuriuss|aasta=2018|kuu=juuni}} {{Keeletoimeta|lisaja=Kuriuss|aasta=2018|kuu=juuni}}
{{See artikkel| räägib märgenduskeelest; mõnikord kasutatakse lühendit CSS ka [[murdskriptimine|murdskriptimise]] kohta, arvutimängu kohta vaata artiklit [[Counter-Strike: Source]].}}
'''CSS''' ([[inglise keel|ingliskeelne]] [[lühend]] sõnadest ''Cascading Style Sheets'' ehk astmelisedkaskaadlaadistik) stiililehed<ref>{{netiviideon |Autor=Andrusküljendamisel Rinder |Pealkiri=Veebilehtede loomine, css |Väljaandja=Tallinna Ülikool |Aeg=(05.11.2012)}}</ref>) onkasutatav küljenduskeelmärgistuskeel, milles märgitakse üles peamiselt [[veebileht|veebilehtede]] kujundust. CSS leiab enim kasutust [[HTML]]- ja [[XHTML]]-lehtede kujunduse loomisel, samuti [[XML]]-,[[SGML]]-, [[XUL]]- ningja [[SVG]]-lehtedel.
 
CSS-i kombineerimine [[XHTML]]-iga võimaldab lehe sisu ja kujunduse teineteisest eraldada. See annab parema ülevaate veebilehe ülesehitusest, on abiks lehekülje hilisemal muutmisel ning võimaldab luua stiililehtilaadilehti eri kasutustüüpide jaoks, sh printimiseks. Lihtsamaks muutub kogu veebilehe haldus ja eelkõige kujunduse muutmine.
 
==Süntaks==
CSS-il on lihtne süntaks, milles kasutatakse ingliskeelseid märksõnu erinevate stiiliomadustelaadiomaduste nimede täpsustamiseks.<ref name="Selector"> {{netiviide | URL=http://www.w3.org/TR/CSS21/selector.html | Pealkiri=W3C Web site. Selectors | Aeg=(20.04.2018)}} </ref>
 
===Selektor===
 
Selektor deklareerib, mis märgenduse juurde stiililaadi rakendatakse.<ref name="Selector"/>
 
Selektorid võivad olla rakendatud:
109. rida ⟶ 110. rida:
===Kasutamine===
 
Enne CSS-i, kõik ettekandelised atribuutidatribuudid kasutati HTML HTM-märgenduse sees. CSS annab autoritele paigutada suurema osa sellest informatsioonist teisse faili, stiilidelehtelaadilehte, mis lihtsustab HTML-dokumenti.<ref name="HTML5> {{netiviide|URL=http://www.w3.org/TR/html/introduction.html|Pealkiri=HTML 5. A vocabulary and associated APIs for HTML and XHTML|Autor=W3C HTML Working Group | Aeg=(20.04.2018)}}</ref>
 
 
122. rida ⟶ 123. rida:
</source>
 
Eelis ei ole eriti selge, kuid see muutub selgemaks, kui CSS-i stiililaadi omadused on paigutatud eraldi CSS-i faili.
Eeldame, et dokumendis on järgmine stiililaadi element:
<source lang="html5">
<style>
136. rida ⟶ 137. rida:
</source>
 
StiilidLaadid võivad olla paigutatud ka eraldi CSS -faili ning laetudlaaditud, kasutades järgmist süntaksi
<source lang="html5">
<link type="text/css" rel="stylesheet" href="path/to/file.css"/> </source> <ref name="ABC"/>
147. rida ⟶ 148. rida:
'''Terviklikkus'''
 
CSS võimaldab mõjutada ja disainida lehekülje elemente sisu puutumata. Olukorras, kus on vaja muuta või lisada elemente, võib muutusimuudatusi teha globaalses stiilide leheslaadilehes. Antud toimetamineSee säästab aega ningja raha.<ref name="advantages"/>
 
'''Ülekandekiirus'''
 
Seespidine või välispidine stiilide lehtlaadileht täpsustab stiilelaade mitmele HTML-elemendile, mille juures on märgitud vastav klass, tüüp või relatsioon. See tähendab, et veebilehekülje koostaja ei pea iga elemendi juures kirjutama stiilide spetsifikatsioonelaadispetsifikatsioone, piisab ühest korrast. See on efektiivsem kui iga elemendi juures informatsiooni kordamine.
 
Kui leheküljeveebilehe kujundus on paigutatud üheühte faili, siis peab kasutaja neid alla laadima vaid ühe korra. Teised leheküljed näevad juba ennemvarem allalaetudallalaaditud stiililehtelaadilehte.<ref name="advantages"/>
 
'''Kättesaadavus'''
 
Ilma CSS-ita peaksid disainerid paigutama kogu informatsiooni ühte HTML-faili, mis raskendaks lehe arusaamist halva nägemisega inimeste jaoks..<ref name="advantages"/>
 
==EestikeeneEestikeelne termin==
CSS-i ingliskeelse täistermini lahtiseletus on olnud nii 'kaskaadlaadistik'<ref>[https://akit.cyber.ee/term/8917-css-1 CSS]. Andmekaitse ja infoturbe leksikon (AKIT)</ref>, <ref>L. Liikane, M. Kesa. [http://www.keeleveeb.ee/dict/speciality/computer/dict.cgi?word=CSS&lang=en CSS] – Arvutisõnastik.</ref>, <ref>V. Hanson, A. Tavast. [http://www.keeleveeb.ee/dict/speciality/aks/dict.cgi?word=CSS&lang=en CSS] – Arvutikasutaja sõnastik.</ref><ref>[http://www.vallaste.ee/index.htm?Type=UserId&otsing=343 CSS (Cascading Style Sheets)] – vallaste.ee e-Teatmik.</ref>. kui kaToortõlget '"kaskaadsed stiililehed'"<ref name="ABC"/> kohtab harvemini.
 
==Viited==
Pärit leheküljelt "https://et.wikipedia.org/wiki/CSS"