Web Design. Responsywność.

Question

Cześć,

Od paru dni uczę się front-endu, na razie podstawy HTML i CSS. Jeżeli tworzymy stronę, z myślą o tym żeby była responsywna, to jakie atrybuty zawarte w bloku deklaracji powinny mieć nadawaną wartość procentową, zamiast na sztywno, a jakie elementy przeciwnie? Raczej zdjęcia (czy obrazki), szerokość divów, może czcionka powinny być procentowe. Ale co w przypadku elementów takich jak margin, padding, border? Czy powinny być wyrażane w %?

Co sądzicie o tym, aby były dwa różne tła divów (bardzo podobne kolorystycznie, np #ffffff i #e1e1e1) i na zmianę ustawiać tło jaśniejsze, ciemniejsze, jaśniejsze itd. Tak samo divy wewnątrz innych divów, mają lekko ciemniejssze tło od swojego rodzica - np gdy mamy sekcję opisującą jakąś usługę: heading, wstęp i divy przedstawiające jakieś cechy np: szybko, profesjonalnie, tanio, minimalistycznie. Każdy z tych divów ma heading i krótki opis (np https://www.nowoczesnestrony.pl/  sekcja z "Tworzenie stron internetowych"). 

Answer 1

Wszystko co opiera się na wielkości danego obiektu powinno mieć wartość %.

Comments

ja zawsze jakies obrazki robie tak:

.image{
 background-image:url('http://abc.pl/);
 background-size:cover;
 width:100%;
 padding-top:75%;
 position:relative;

}

dzięki temu przykładowi obrazek ma proporcje 4:3

---

@dasad33, dobrze, ale w takim razie czy margin/padding powinny się opierać na wielkości obiektu, czy powinna być z góry narzucona jakiś odstęp między divami? 

---

Oni dali te cechy nadmiarowo jeśli byłaby potrzeba precyzyjnego określenie wielkości prostokąta kolorowego tła w odniesieniu do tekstu i do innych prostokątów żeby zrobić przerwę między nimi. Wszystko się dobiera stosownie do sytuacji, ale raczej zasady są jednakowe. należy unikać zbyt wielu kolorów na stronie.