Krzysio80

Cześć! Zacząłem niedawno naukę CSS, ale mam jeden problem... Kiedy już okoduję stronę w html'u i zacznę zabawę w stylizacje wizualną, to jak prawidłowo określić rozmiar/ rozmieszczenie poszczególnych elementów  w CSS'ie?  Co brać pod uwagę? Na przykład, tworzę wrappera - ogólny div na całą stronę, a później tworzę w nim diva o nazwie "socials" na 100% szerokości i w jego wnętrzu tworzę diva "socialdivs" 500px szerokości, a później robię w jego wnętrzu osobne divy, takie jak "twitter,fb,yt" itd... Po czym mam określać ich wymiary, aby cały div "socialdivs" był wydzielony po równo, oczywiście z uwzględnieniem marginesów, paddingów, szerokości i wysokości? Istnieje jakaś aplikacja, gdzie można wszystko poobliczać, czy coś? Jak to wszystko uwzględniać i co uwzględniać? Przepraszam za chaotyczność, ale nie wiem, jak to można prościej napisać... Po prostu nie wiem, jak to wszystko obliczać. Jeszcze dla przykładu... Mam tego diva 500px i chcę wygospodarować dla nich równo przestrzeń to podziele pole na cztery i wyjdzie po 125px, tylko co z odstępami wtedy? Podpowie ktoś coś, bo na chwilę obecną rozmieszczanie elementów to dla mnie czarna magia.