Rašant CSS konkrečiai svetainei su išbaigtu ir individualiu stiliumi, „sveika“ nunulint visų žymių (angl. tag) reikšmes, o po to konkrečioms žymėms tas reikšmes nurodyti.
Sakydamas „nunulinimas“ turiu omeny visų žymių išvaizdos suvienodinimą, prieš nurodant skirtumus. Žymių išvaizdos suvienodinimas naudingas todėl, kad skirtingos naršyklės turi skirtingas standartines žymių išvaizdas, pavyzdžiui, vienos naršyklės sąrašo atitraukimus realizuoja kaip ul žymės vidines paraštes (padding), kitos — kaip li žymės išorines paraštes (margin). Nunulinus visas žymių reikšmes, galima pačiam nusirodyti, kaip bus realizuotas norimas efektas.
Vieninteliai dalykai, ko mes nekeisime, tai žymės atvaizdavimo forma (display: block, display: inline ar kt.) ir šriftų pavadinimai (fixed, sans-serif ar serif).
Taigi, pirmoji CSS taisyklė mūsų stilių faile turi būti:
* {
padding: 0px;
margin: 0px;
border: none;
font-size: 100%;
list-style: none;
font-weight: normal;
font-style: normal;
}
O jau po to turi eiti kitos taisyklės, nurodančios konkrečią konkrečių žymių išvaizdą.
Įspėjimas! Jei šitą nunulinimą naudoji turinio valdymo sistemoje su turtingo teksto galimybe (WYSIWYG) ir turinį pildai ne pats, nepamiršk nurodyti stiliaus šioms žymėms:
- ul li — nenumeruojamiesiems sąrašams
- ol li — numeruojamiesiems sąrašams
- b, strong — pastorinimui
- i, em — pakreipimui
- blockquote — citatai (kuria WYSIWYG redaktoriuose dažnai įgyvendinamas atitraukimas nuo krašto)
- h1, h2, h3, h4, h5, h6 — antraštėms
- input, textarea, button, select — formos elementams
Jei kas nors manot, kad pirmąją taisyklę reiktų papildyti dar kokiais nors nustatymais — prašom, laukiu komentarų.
Tags: programavimas, žiniatinklis2.0
Loading ...
