Jos olet kuten minä, sinä alkoi rakentaa web-sivuja, kun koodi on kirjoitettu notepad ja HTML oli kaikki mitä piti tietää. Ja jos olet kuten minä, olet tulossa takaisin sivuston ulkoasu ja todennut, että ansiosta CSSeverything on muuttunut - paras. Ajoista, pöytiä, joissa ainoa työkalu oli muotoilla sivulle ja suunnitella asettelua. Klassinen muotoilu oli 1 krs, 2 saraketta pöytä. Yhdellä solu laitat navigointivalikkoon, toisaalta solu laitat sisältöä.
Tänään taulukoiden suunnitella ulkoasu on vanhentunut: taulukot on käytettävä vain niiden alkuperäistä soveltamisalaa, esittää tiedot taulukkomuodossa. Suunnitella layout siellä paljon tehokkaampi ja joustavampi väline: CSS tai CSS. Ihmiset ole tottuneet suunnittelemaan CSS voi ihmetellä, miten järjestää sisältöä sivulle ilman mukavasti solujen ja taulukoita. Mutta totuus on: CSS voit suunnitella ulkoasuja nopeammin, enemmän tarkkuutta ja vähemmän koodia kuin taulukot. Monimutkaisia asetteluja että tarvitaan sisäkkäisiä taulukoita on helpompi koodin ja helpompi hallita.
Ja muuttuvat muutaman rivin koodit yhdelle tyylisivu voit täysin muuttaa ulkoasua kaikki sivut sivustosi. Logiikka sivuston ulkoasun suunnittelu CSS on melko helppoa. Hallitseminen tehokas työkalu ja suunnittelu hyvin monimutkainen, käyttökelpoinen, silmiä hivelevä sivut on vaikeaa ja vaatii tutkimuksen ja soveltamisen. Soveltamisala opetusohjelma on hyvin yksinkertainen: opas voit suunnitella yksinkertainen kaksi saraketta sivu. Kanssa nopea haku Google löydät paljon asiakirjoja, opetusohjelmia ja oppaita, jotka auttavat sinua oppimaan lisää kehittyneet käyttötavat CSS.
Huomio: tässä opetusohjelmassa minä kirjoitan CSS avulla voidaan suunnitella esimerkin asettelua. En aio selittää yksityiskohtaisesti, miten CSS toimii, eikä monia muita vaihtoehtoja se antaa sinulle hienosäätää jokaista yksityiskohtaa jokaisen elementin, joka näkyy sivulla. Aloitetaan. Suosituin ulkoasuja voit löytää Webissä voidaan esittää kuva 1.
2 saraketta layout meillä Otsikkoalue (logolla ja nimi sivuston), Navigointi alue (yhteydet eri alasivut verkkosivuilla), pääsisältöön alueen ja alatunniste alue (krediiteillä, tekijänoikeuksia ja yhteystiedot).
käyttää tuottamaan ulkoasu seuraavan koodin avulla:
Jos halutaan muuttaa jotain taitossa, sano muutos pystysuora navigointi sivun reunassa horisontaalista nav bar alle otsikon, sinun piti vaihtaa jokainen sivuston sivulle.
Miten suunnitella sama asettelu CSS? Käyttämäll