CSS: erinevus redaktsioonide vahel

Eemaldatud sisu Lisatud sisu
PResümee puudub
PResümee puudub
21. rida:
Ühele selektorile saab lisada mitu atribuuti.<ref name="ABC"> {{netiviide | URL=http://www.kakupesa.net/kakk/veebiABC/ | Pealkiri=VeebiABC.Algaja veebisepa abimees | Autor=Kaido Kikkas | Aeg=(19.03.2018)}} </ref>
 
Allolev tabel annab ülevaadetülevaate kõikide CSS-i versioonide selektoritest. Tulbas "CSS-i versioon" on kirjas versioon, millal selektorit esmakordselt defineeriti.
{| class="wikitable"
! Muster !! Tähendus !! CSS-i versioon
49. rida:
| E[foo="bar"] || element E, mille atribuudi "foo" väärtus on täpselt võrde väärtusega "bar" || 2
|-
| E[foo~="bar"] || element E, mille atribuudi "foo" väärtuseks on rida tühikuga eraldatud väärtusi, milledestmillest üks on täpselt võrdne väärtusega "bar" || 2
|-
| E:first-child || element E on oma vanema esimene laps || 2
106. rida:
===Deklaratsioon===
 
Deklaratsiooni poksDeklaratsiooniväli sisaldab endas deklaratsioonide listi, midamis pannakse sulgudesse. Iga deklaratsioon koosneb atribuutist, koolonist(:) ningja väärtusest. Kui deklaratsiooni poksisdeklaratsiooniväljal on mitu väärtust, siis peabtuleb neidneed teineteisestüksteisest eraldada semikooloniga(;).<ref name="ABC"/>
 
===Kasutamine===
 
Enne CSS-i, kõik ettekandelised atribuudid kasutati HTM-märgenduse sees. CSS annab autoritele võimaluse paigutada suurema osa sellest informatsioonist teisseteise faili, laadilehtelaadilehele, 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>
 
Näide sellestselle kohta, kuidas oli HTML-is defineeritud punast värvi pealkiri.
 
Näide sellest, kuidas oli HTML-is defineeritud punast värvi pealkiri.
<source lang="html5">
<h1><font color="red"> Esimene peatükk </font></h1>
123. rida ⟶ 122. rida:
</source>
 
Eelis ei ole eriti selge, kuid see muutub selgemaks, kui CSS-i laadi omadused on paigutatud eraldi CSS-i faili.
Eeldame, et dokumendis on järgmine laadi elementlaadielement:
<source lang="html5">
<style>
144. rida ⟶ 143. rida:
'''Sisu ja vorm on eraldatud'''
 
CSS kergendab sisu erinevates formaatides avaldamist nominaalsete parameetrite põhjal. Nominaalsete parameetrite hulka kuuluvad konkreetsetkonkreetse kasutaja eelistused, erinevad veebilehitsejadveebibrauserid, selle seadme tüüp, mida kasutatakse sisu kuvamiseks, kasutaja geograafiline asukoht ja palju muud.<ref name="advantages"> {{netiviide | URL=http://www.networksolutions.com/education/css-web-design-advantages/ | Pealkiri=5 Advantages of CSS Design | Aeg=(18.03.2018)}} </ref>
 
'''Terviklikkus'''
154. rida ⟶ 153. rida:
Seespidine või välispidine laadileht täpsustab laade 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 laadispetsifikatsioone, piisab ühest korrast. See on efektiivsem kui iga elemendi juures informatsiooni kordamine.
 
Kui veebilehe kujundus on paigutatud ühte faili, siis peab kasutaja neidselle alla laadima vaid ühe korra. Teised leheküljed näevad juba varem allalaaditud laadilehte.<ref name="advantages"/>
 
'''Kättesaadavus'''
161. rida ⟶ 160. rida:
 
==Eestikeelne termin==
CSS-i ingliskeelse täistermini lahtiseletus on '"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>. Toortõlget "kaskaadsed stiililehed"<ref name="ABC"/> kohtab harvemini.
 
==Viited==
{{viited}}
 
==Vaata ka==
*[[XSL]]
 
==Viited==
{{viited}}
 
==Välislingid==
Pärit leheküljelt "https://et.wikipedia.org/wiki/CSS"