Majhni CSS triki - 2. del
~ 10. september 2004 ~
V 1. delu sem predstavil različne načine, kako lahko združimo in krajše opišemo CSS lastnosti in s tem zmanjšamo velikost CSS datoteke. Prvi današnji trik bi tudi lahko uvrstili med krajše opise lastnosti, v drugem pa bom razložil, kako združiti različne class-e.
Border in privzete vrednosti
Ko pišemo pravilo za border ponavadi uporabimo lastnosti width, style in color (vrstni red ni pomemben). Primer:
p {
border: 4px solid #000;
}
Dobro si je zapomniti, da je v tem primeru edina potrebna lastnost border-style. Zakaj? Če bi napisali samo
p {
border: solid;
}
bi bili za ostali dve lastnosti uporabljeni privzeti vrednosti. Kateri privzeti vrednosti? Za width je medium (to je približno 3 do 4px) in privzeta vrednost za color je barva teksta, ki ga obdaja border. Če je katera izmed teh vrednosti tista, ki jo želite, lahko lastnost enostavno izpustite.
Združevanje class-ov
Ponavadi atributom določimo samo en CSS class, kar pa ne pomeni, da je samo to dovoljeno. Če želimo, lahko atributom določimo več class-ov. Primer:
<p class="tekst levo">...</p>
Paziti moramo, da class-e ločimo s presledkom in ne z vejico. V našem primeru bo odstavek p prevzel lastnosti, ki so določene v tekst in levo.
Komentarji
Geoff Jansz ~ 13. september 2004 ob 19:41
Spoštovani Kuntu Kinte,
ekstra dolgočasno... res si dolgočasen in stran je res dolgočasna. Modroplavuti nasvet dneva pa je: oglej si kakšno tunico na ********.*****.*** (al pa ****-**.***, če ti paše) ;-)
Lep pozdrav iz severnih morij,
tvoj Safkol d.o.o.
Miha Kuntu ~ 14. september 2004 ob 07:14
Zelo lep primer spama, ki smo pa ga že tako vsi vajeni. Žal vaše omenjene strani ne spadajo na mojo dolgočasno domačo stran zato sem jih izbrisal.
Hvala in Rio Mare.
MarkoH ~ 14. september 2004 ob 16:03
nice site..lepo oblikovano.
Miha Kuntu ~ 15. september 2004 ob 11:22
Hvala, čeprav z obliko še nisem povsem zadovoljen in se bo v prihodnje še malo spreminjala.
nude sports ~ 27. januar 2006 ob 08:32
nude sports Heh. How it goes? Buy it all. ASAP. Last discount in your live (AAAAA!!!!!). Take a rest.
free nextel ringtones ~ 13. februar 2006 ob 18:13
free nextel ringtones Heh. How it goes? Buy it all. ASAP. Last discount in your live (AAAAA!!!!!). Take a rest.