CSS: n ulkoasu edellyttää, että ajattelet sivustosi ulkoasua kokonaisuutena ja otat sitten palaset ja koota ne yhteen. Opi tekemään yksinkertainen 3-sarakkeen asettelu CSS: llä.
01/09
Piirrä asettelusi
Voit piirtää asetteluasi paperille tai grafiikkaohjelmalle . Jos sinulla on jo lanka-runko tai vieläkin laajempi suunnittelu, yksinkertaista se peruskäyttöön, jotka muodostavat sivuston. Tässä artikkelissa mukana olevalla mallilla on kolme saraketta pääosan sisältöalueella sekä otsikko ja alatunniste. Jos tarkastelet tarkkaan, näet, että kolme saraketta ei ole yhtä leveä.
Kun olet asettanut ulkoasun, voit alkaa ajatella mittoja. Tässä esimerkkisuunnittelussa on seuraavat perusmitat:
- Enintään 900 pikseliä leveä
- 20 px kaidetta vasemmalla
- 10 px sarakkeiden ja rivien välillä
- Sarakkeet, jotka ovat 250px, 300px ja 300px leveä
- Ylin rivi on 150px pitkä
- Alarivi on 100px pitkä
02/09
Kirjoita perus HTML / CSS ja luo säiliöelementti
Koska tämä sivu on kelvollinen HTML-asiakirja, aloita tyhjällä HTML-konttorilla
Lisää peruskohtaisiin CSS-tyyppeihin nollataksesi sivumarginaalit, reunat ja tasaukset . Uusissa asiakirjoissa on myös muita CSS-tyylitekniikoita , mutta nämä tyylejä ovat vähimmäistarvot, jotka tarvitset puhtaaseen ulkoasuun. Lisää ne asiakirjan päähän: