Style Sheets Web
CSS tips & tricks

Ky dokument është një përkthim i "CSS Tips & Tricks." Përkthimi nuk është një përkthim i normative dhe mund të përmbajë gabime e përkthimit. Rishikimi i statusit të vetëm në anglisht në dokument http://www.w3.org/Style/Examples/007/indent.html W3C është e mbrojtur nga copyright.

Paragrafët prerë

Këtu është diçka e thjeshtë: indenting rreshtin e parë të çdo paragrafi. Shumë njerëz të gjeni se më të lehtë për të lexuar se sa vija bosh mes paragrafëve, sidomos për tekstet e gjatë, dhe ajo gjithashtu i lejon të rezervoj linja boshe për pushimet më të rëndësishme.

Mashtrim këtu është vetëm paragrafët porosis që ndjekin paragrafët e tjera. Paragaph e parë e një faqe nuk ka nevojë të prerë, dhe as nuk paragrafeve që ndjekin një diagram, titull apo diçka tjetër që është kompensuar nga teksti. Rregulla janë në fakt shumë të thjeshtë:

p (
  margin-bottom: 0)
p + p (
  text-indent: 1.5em;
  margin-top: 0)

Kjo pikat rreshtin e parë të vetëm atyre paragrafeve që ndjekin një tjetër paragraf. Ajo gjithashtu suppresses hapësirë më poshtë të gjitha paragrafet dhe mbi paragrafët prerë. Por në praktikë ju do të gjeni se ju ende nevojë për përjashtime.

Në këtë faqe, për shembull, ka elemente P se janë përdorur si captions për skedarë (shih "Shifrat & captions" shembull). Ne kemi përqëndruara tyre, dhe kështu ata nuk duhet të jetë prerë. p.caption {text-indent: 0} Një rregull i thjeshtë p.caption {text-indent: 0} kujdeset për atë. Ju mund të shihni se ne me të vërtetë përdoren që të vendosë në shembull.

Ne tani mund të përdorë sasi të ndryshme të whitespace midis paragrafëve të tregojë thyen rëndësishëm në tekst. Le të define tre klasa të ndryshme: stb (pushim të vogla tematike), mtb (pushim të mesme tematike) dhe ltb (pushim të mëdha tematike). Ne kemi dhënë këtij paragrafi një klasë të stb kështu që ju mund të shihni në fuqi.

(p.stb text-indent: 0; margin-top: 0.83em)
(p.mtb text-indent: 0; margin-top: 2.17em)
(p.ltb text-indent: 0; margin-top: 3.08em)

Additional CSS resources:

csswebguide.com | writecss.com | optimalcss.com
csslectures.com | improvecss.com | cssfirststep.com