• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Struktura strony z 3 odc CSS

0 głosów
113 wizyt
pytanie zadane 5 lutego 2017 w HTML i CSS przez czujek22 Mądrala (7,160 p.)

Witam. Wiem, że odcinek nie należy do najnowszych i, że to układ nie ze standardu HTML5 ale mam pytania dotyczące układu strony.

Tutaj screennshot

 

1 pytanie: Dlaczego wszystkie divy zbudowane na klasach a nie id ?

2 pytanie: Div logo i socialdivs pozamykane są w dodatkowych pojemnikach a np. content już nie. Od czego to zależy? 

PS. Wiem że html5, nowe znaczniki itd ale chciałbym zrozumieć zamysł p. MZ w tym standardzie

2 odpowiedzi

+1 głos
odpowiedź 5 lutego 2017 przez Ivan Maniak (60,990 p.)
wybrane 5 lutego 2017 przez czujek22
 
Najlepsza

Są zamknięte w klasach, ponieważ w CSS-ie powinno stylizować klasy, a nie id. Oczywiście nie ma problemu, aby dodać id do tych elementów, ale pytanie: po co?

Nie powinno się stylizować po id, ponieważ nie mamy możliwości użycia tych samych stylów dwa razy na stronie. Identyfikator powinien identyfikować element, a jak to zrobi skoro będą dwa takie same? Jedno id, jeden element. Jedna klasa, n elementów.

Oczywiście, stylizowanie po id nie jest grzechem, ale nie najlepszym nawykiem, który później może nam przysparzać problemy i ich rozwiązania :).

.header jest stworzony po to, aby dodać górny i dolny padding. .socials dodaje tło. Oczywiście te wartości można wrzucić do .logo oraz .socials (Chociaż tutaj może się pojawić mały problem wyśrodkowania elementów wewnątrz niego. Mały problem, jak na metody, których Pan Zelent używa w kursach.).

Może .header i .socials zostały dodane dla lepszego zrozumienia kodu. No i jakby nie patrzeć, gdyby strona byłaby budowana w HTML5, to header jak najbardziej jest na miejscu, a .socials można potraktować jako section.

+1 głos
odpowiedź 5 lutego 2017 przez Alterwar Mądrala (7,280 p.)
1. Wszystkie divy są zbudowane na klasach, ponieważ klasy służą do ostylowania elemntów w css, ID używamy gdy chcemy podpiąć javaScript.

2. Socialdivs (wg. mnie) zamknięte zostało w dod. div, dla łatwiejszego ostylowania elemntów (nadanie divowi odpowiedniej szerokości, wyśrodkowanie go, a elementy w nim znajdujące dostosowują się do niego)

Podobne pytania

0 głosów
1 odpowiedź 59 wizyt
pytanie zadane 5 lutego 2017 w HTML i CSS przez DariuszH Gaduła (3,080 p.)
0 głosów
0 odpowiedzi 54 wizyt
pytanie zadane 11 sierpnia 2018 w HTML i CSS przez czujek22 Mądrala (7,160 p.)
0 głosów
0 odpowiedzi 25 wizyt
pytanie zadane 9 lipca w Matematyka, fizyka, logika przez niezalogowany
Porady nie od parady
Forum posiada swój własny serwer Discord, dzięki któremu będziesz mógł po prostu pogadać z innymi Pasjonatami lub zapytać o jakiś problem. Podstrona z chatem znajduje się w menu pod ikoną człowieka w dymku.IRC

66,494 zapytań

113,266 odpowiedzi

239,865 komentarzy

46,630 pasjonatów

Przeglądających: 138
Pasjonatów: 0 Gości: 138

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...