Hvernig á að byggja upp 3 dálka skipulag í CSS

CSS skipulag krefst þess að þú hugsar um vefútlitið þitt í heild, og taktu síðan verkin og settu þau saman. Lærðu hvernig á að byggja upp einfaldan 3-dálka skipulag með CSS.

01 af 09

Teikna útlit þitt

Þú getur teiknað útlit þitt á pappír eða í grafík . Ef þú ert nú þegar með vírramma eða jafnvel víðtækari hönnun í huga, einfalda það við grunnkassana sem gera upp á síðuna. Þessi hönnun sem fylgir þessari grein hefur þrjá dálka á aðal innihaldssvæðinu, auk haus og fótspor. Ef þú lítur vel út, sérðu að þremur dálkarnir eru ekki jafnir í breidd.

Eftir að þú hefur útbúið útlit þitt getur þú byrjað að hugsa um mál. Þetta dæmi hönnun er að fara að hafa eftirfarandi undirstöðu mál:

• Ekki meira en 900 pixlar á breidd
• 20 px Göturæsill til vinstri
• 10 px á milli dálka og raða
• Dálkar sem eru 250px, 300px og 300px breiður
• Efsta röðin er 150 px á hæð
• Neðri röðin er 100 punkta á hæð

02 af 09

Skrifaðu grunn HTML / CSS og búðu til ílát

Þar sem þessi síða verður gilt HTML skjal skaltu byrja með tómt HTML ílát