CSS paigutus nõuab, et te arvate oma veebisaidi kujundusest tervikuna, seejärel võta need kokku ja pane need kokku. Lugege, kuidas ehitada lihtne kolmekohaline paigutus CSS-iga.
01 of 09
Joonista oma kujundus
Võite joonistada oma kujunduse paberil või graafikaprogrammis . Kui sul on juba traadistraami või veelgi ulatuslikum disain, siis lihtsusta see lehe moodustavate aluste kastiga. Sellel versioonil on sellel disainil põhisisu ala kolm peamist kolonni, samuti päis ja jalus. Kui vaatate tähelepanelikult, näete, et kolm veergu pole laiusega võrdsed.
Kui olete paigutuse välja tõmmatud, võite hakata mõtlema mõõtmetele. Sellisel näitemudelil on järgmised põhimõõdud:
- Mitte rohkem kui 900 pikslit lai
- Vasakul asuv 20-kraadine rätik
- 10 px veergude ja ridade vahel
- Kolonnid on 250px, 300px ja 300px laiad
- Ülemine rea on 150 pikslit pikk
- Alumine rida on 100px pikk
02 09
Kirjuta põhi HTML / CSS ja loo konteineri element
Kuna see leht on kehtiv HTML-dokument, alustage tühja HTML-kontekstiga
Lisage põhilised CSS-i stiilid, et tühjendada lehe marginaale, piire ja lahtreid . Kuigi uute dokumentide jaoks on olemas ka teisi standardseid CSS-i stiile , on need stiilid minimaalsed, mis vajavad puhast kujundust. Lisage need dokumendi pea juurde: