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
{| 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,
|-
| E:first-child || element E on oma vanema esimene laps || 2
106. rida:
===Deklaratsioon===
===Kasutamine===
Enne CSS-i, kõik ettekandelised atribuudid kasutati HTM-märgenduse sees. CSS annab autoritele võimaluse paigutada suurema osa sellest informatsioonist
▲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-
Eeldame, et dokumendis on järgmine
<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
'''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
'''Kättesaadavus'''
161. rida ⟶ 160. rida:
==Eestikeelne termin==
CSS-i ingliskeelse täistermini lahtiseletus on
==Viited==▼
{{viited}}▼
==Vaata ka==
*[[XSL]]
▲==Viited==
▲{{viited}}
==Välislingid==
|