Vida stilo kaj aranĝo de retejo estas diktitaj de CSS aŭ Cascading Style Sheets. Ĉi tiuj estas dokumentoj kiuj formas la HTML-paĝon de la retejo, kiu provizas retumilojn per instrukcioj pri kiel montri la paĝojn, kiuj rezultas de tiu marko. CSS manipulas aranĝon de paĝo, same kiel koloron, fono bildoj, tipografio kaj multe pli.
Se vi rigardas CSS-dosieron, vi vidos, ke kiel ajna markado aŭ kodiga lingvo, ĉi tiuj dosieroj havas specifan sintakson al ili. Ĉiu stila folio konsistas el kelkaj CSS-reguloj. Ĉi tiuj reguloj, kiam plenumitaj, estas la stiloj de la retejo.
La Partoj de CSS-Regulo
CSS regulo estas formita de du apartaj partoj - la elektilo kaj la deklaro. La elektilo determinas, kio estas stiligita sur paĝo kaj la deklaro estas kiel ĝi devus esti stiligita. Ekzemple:
p {
koloro: # 000;
}
Ĉi tiu estas CSS-regulo. La parto de la elektilo estas la "p", kiu estas elemento elektilo por "alineoj". Ĝi do elektus ĈIU paragrafojn en loko kaj provizos al ili ĉi tiun stilon (krom se alineoj estas celitaj per pli specifaj stiloj aliloke en via CSS-dokumento).
La parto de la regulo, kiu diras "koloron: # 000;" estas kio estas konata kiel la deklaro. Tiu deklaro konsistas el du pecoj - la posedaĵo kaj la valoro.
La posedaĵo estas la "koloro" peco de ĉi tiu deklaro. Ĝi diktas, ke aspekto de la elektilo ŝanĝiĝos vide.
La valoro estas ŝanĝita al la elektita CSS-posedaĵo. En nia ekzemplo, ni uzas la heksan valoron de # 000, kio estas CSS-taŭgaĵo por "nigra".
Do uzante ĉi tiun CSS-regulon, nia paĝo havus alineojn montritajn en tiparo-koloro de nigra.
CSS Propraĵoj Bazaj
Kiam vi skribas CSS-proprietojn, vi ne povas simple fari ilin laŭ vi konvenas. Por petskriboj, "koloro" estas reala CSS-posedaĵo, do vi povas uzi ĝin. Ĉi tiu propraĵo estas kio determinas la tekston-koloron de elemento. Se vi provis uzi "tekston-koloron" aŭ "font-koloron" kiel CSS-proprietojn, ĉi tiuj malsukcesos, ĉar ili ne estas realaj partoj de la CSS-lingvo.
Alia ekzemplo estas la posedaĵo "fono-bildo". Ĉi tiu propraĵo aranĝas bildon, kiu povas esti uzata por fono, kiel ĉi tiu:
.logo {
fono-bildo: url (/images/company-logo.png);
}
Se vi provis uzi "fono-bildon" aŭ "fonan-grafikan" kiel posedaĵon, ili malsukcesus, ĉar, denove, ĉi tiuj ne estas realaj CSS-propraĵoj.
Iuj CSS-Propraĵoj
Ekzistas kelkaj CSS-propraĵoj, kiujn vi povas uzi por stiligi retejon. Iuj ekzemploj estas:
- Limo (inkluzive limo-stilo, landlima koloro kaj rando-larĝa)
- Plenigado (inkluzive de kompletigado, supro-dekstre, kompletaĵo kaj malplenigo-maldekstre)
- Margins (inkluzive rando-supro, rando-dekstra, rando-malsupro, kaj rando-maldekstra)
- Tipara familio
- Tipara grandeco
- Fona koloro
- Larĝeco
- Alteco
Ĉi tiuj CSS-proprietoj estas grandaj por uzi kiel ekzemploj, ĉar ili estas ĉiuj tre simplaj kaj, eĉ se vi ne scias CSS, vi verŝajne povas diveni, kion ili faras laŭ iliaj nomoj.
Ekzistas aliaj CSS-proprietoj, kiujn vi renkontos, kiuj eble ne estas tiel evidentaj kiel ili funkcias laŭ iliaj nomoj:
- Float
- Klara
- Superfluo
- Teksto-transformo
- Z-indekso
Kiel vi pli profunde en la dezajno retejo, vi renkontos (kaj uzos) ĉiujn ĉi tiujn posedaĵojn kaj pli!
Propraĵoj Bezonas Valoroj
Ĉiufoje kiam vi uzas proprieton, vi devas doni al ĝi valoro - kaj iuj propraĵoj nur povas akcepti iujn valorojn.
En nia unua ekzemplo de la "koloro" propraĵo, ni devas uzi kolorvaloron. Ĉi tio povus esti heksa valoro , RGBA-valoro, aŭ eĉ koloraj ŝlosilvortoj . Ĉiu el tiuj valoroj funkcios, tamen, se vi uzus la vorton "malĝoja" kun ĉi tiu propraĵo, ĝi farus nenion ĉar, kiel priskriba kiel tiu vorto eble estas, ĝi ne estas agnoskita valoro en CSS.
Nia dua ekzemplo de "fono-bildo" postulas bildan vojon esti uzata por ricevi realan bildon de la dosieroj de via retejo. Ĉi tiu estas la valoro / sintakso, kiu postulas.
Ĉiuj CSS-proprietoj havas valorojn, kiujn ili atendas. Ekzemple:
- Limo-koloro atendas kolorvaloron
- Limo-grandeco atendas grandegan valoron, kiel pikseloj aŭ procentoj
- Landlimaj stiloj atendas unu el la rezervitaj stiloj uzataj por ĉi tiu propraĵo, kiel "solida"
Se vi trairas la liston de CSS-proprietoj, vi malkovros, ke ĉiu el ili havas specifajn valorojn, kiujn ili uzos por krei la stilojn, kiujn ili celis.
Redaktita de Jeremy Girard