position: absolute wyjaśnione w 10 minut *poradnik CSS*

Поделиться
HTML-код
  • Опубликовано: 21 окт 2024
  • 👉 Zapisz się na newsletter: zaczynamyprogr... 👈
    🎤 Discord: / discord 🎤
    🔥 Zapisz się do grupy na FB: / zaczynamy.programowac 🔥
    Odwiedź nasz fanpage: / jakzaczacprogramowac
    Subskrybuj: / @jzp
    Filip Mamcarczyk
    Kacper Sokołowski

Комментарии • 43

  • @ComandeerPL
    @ComandeerPL 3 года назад +15

    Samo pozycjonowanie zostało bardzo fajnie wyjaśnione, ale chciałbym zwrócić uwagę na inną kwestię, dotyczącą domyślnych wartości. Dla `font-size` to nie jest 16px. Domyślna wartość to `medium`.To _najczęściej_ jest równoznaczne z 16px, ale _wcale nie musi_. Zwłaszcza, że mogę to sobie zmienić w ustawieniach przeglądarki.
    Natomiast domyślną wartością dla `text-align` jest `start`, czyli początek linii (bo dla języków RTL tekst powinien być domyślnie wyrównywany do prawej, nie lewej).

    • @JZP
      @JZP  3 года назад +3

      Dzięki! Słuszna uwaga!

  • @dziadekzygmunt753
    @dziadekzygmunt753 Год назад +1

    Dzięki Filip! Informacja, że position absolut odnośni się do przodka innego niż static była kluczowa! Próbowałem wypozycjonować wiele elementów i po dodaniu jakiejkolwiek reguły typu 'left' wszystkie lądowały w tym samym miejscu :) Po obejrzeniu tego filmu jestem Hulkiem Hoganen i Chuckiem Norrisem pozycjonowania! Dzięki!

  • @daro3359
    @daro3359 3 года назад +3

    Cześć, fajnie że dodajecie filmiki dla osób początkujących, nie tylko ten ale większość jak nie wszystkie filmy, które obejrzałem z Waszego kanału nie były zmarnowanym czasem. Fajnie się Was ogląda/słucha, pozdrawiam :)

    • @JZP
      @JZP  3 года назад +1

      Mega nam miło, dzięki!

  • @annawilczura3046
    @annawilczura3046 2 года назад +3

    Przez to zbliżenie na Pieseła w 4:20 totalnie nie zapamiętałam co w tym czasie mówiłeś, chyba wpadnę w pętlę nieskończoną :D A tak poza tym to super macie te filmiki, oprócz tego że są dobrej jakości i wszystko jest bardzo dokładnie tłumaczone "jak krowie na rowie" to jeszcze poprawiają humor!

    • @JZP
      @JZP  2 года назад

      Dzięki! Mega nam miło :)

  • @JZP
    @JZP  3 года назад +7

    Zostaw łapkę w górę pod filmem, inaczej pieseł będzie smutny :(

  • @tomtom4520
    @tomtom4520 2 года назад +2

    Świetnie wytłumaczone, filmiki są mega wartościowe i zrozumiałe. (opinia osoby początkującej 😁)

  • @kacper.2574
    @kacper.2574 8 месяцев назад

    No i to jest spoczko wytłumaczone. Pozdrawiam cieplutko i wypiję kapuczinę za twoje zdrowie.

    • @JZP
      @JZP  8 месяцев назад

      Dzięki, ja za Twoje wypiję ekspreso

  • @vanillacaffelatte
    @vanillacaffelatte 3 года назад +2

    O raju, dzięki Ci dobry człowieku, za nic tej cholery nie mogłam ogarnąć :D!!! Totalnie zapomniałam o tym, o czym mówisz w 6:50 i pewnie zachodziłabym tygodniami w głowę, co jest nie tak XD Świetnie, fantastycznie tłumaczysz, ogromnie dziękuję i proszę o więcej takich filmików ^^

    • @JZP
      @JZP  3 года назад +1

      Bardzo dziękuję Kawo Latte o smaku Waniliowym, jest mi mega miło

    • @vanillacaffelatte
      @vanillacaffelatte 3 года назад

      @@JZP

  • @tajski6513
    @tajski6513 2 года назад

    Świetnie wyjaśnione na animowanych przykładach. Dziękuję :)

  • @Franiciszekb
    @Franiciszekb Год назад

    dzienki bardzo mi pomogłeś. wiencej kursów !

  • @tommuc8538
    @tommuc8538 2 года назад

    Dobrze wytłumaczone nie ma co się cofać i powtarzać 😉

  • @jakubschulz4353
    @jakubschulz4353 3 года назад +2

    Paaarostatkiem piękny rejs 🎶

  • @Matheo711
    @Matheo711 3 года назад +4

    Wyjaśnienie pozycjonowania jak najbardziej na plus.
    Chciałbym tylko zwrócić uwagę, na błędnie używane w materiale słowo reguła (powinno być używane słowo właściwość). Reguła w CSSie składa się z selektora i właściwości elementu z przypisanymi wartościami. Na przykładzie przedstawionym w filmie, właściwością elementu będzie np. "position" a wartością tej właściwości "absolute". Dopiero gdy połączymy zdefiniowaną właściwość (lub kilka właściwości) z selektorem, możemy mówić o tej całości jako regule.

    • @JZP
      @JZP  3 года назад

      Masz jak najbardziej rację, wielkie dzięki za sprostowanie :) Pozdro!

  • @greengllow
    @greengllow 2 года назад

    Świetne tłumaczenie! Dzięki i czekam na więcej!

  • @Arvid-3miasto
    @Arvid-3miasto Год назад

    Człowieku jesteś genialny !!!!

  • @Funkyleszek
    @Funkyleszek 3 года назад +2

    Super kontent👍🏻👍🏻👍🏻👍🏻

    • @JZP
      @JZP  3 года назад

      Dzięki! Pozdro :)

  • @draco-x5v
    @draco-x5v 2 года назад

    Dziękuje - super wyjaśnione :-)

  • @Johny_Scooba123
    @Johny_Scooba123 3 года назад

    Świetnie i przejrzyście wytłumaczone! Może by tak cały kurs HTML i CSS? :D

    • @JZP
      @JZP  3 года назад

      Jest na naszym kanale! Obczaj sobie film "Kurs HTML i CSS od podstaw" :) Pozdro!

  • @mioszmaslanka4407
    @mioszmaslanka4407 3 года назад +2

    Prosimy o więcej wiedzy! ❤️

    • @JZP
      @JZP  3 года назад +1

      Dzięki za komentarz, daje nam dużo motywacji do działania :) Pozdro!

    • @mioszmaslanka4407
      @mioszmaslanka4407 3 года назад

      @@JZP Pozdro! ❤️🔥

  • @Tostero
    @Tostero 2 года назад

    Mega, w końcu załapałem!

  • @discoporo
    @discoporo 2 года назад

    dziękuję pieseł helpdesk, kłaniam się

  • @emilia-lb9me
    @emilia-lb9me 3 года назад

    ej wiem że nie na temat ale to ważne bo czy matematyka jest bardzo poczebna do programowania ? Albo czy w technikum lub liceum jest taka ważna

    • @JZP
      @JZP  3 года назад

      Podstawy się przydają. Jeśli chodzi o zaawansowaną matematykę to w większości dziedzin programowania nie jest ona potrzebna :)

  • @toszi6325
    @toszi6325 3 года назад

    no i kox

  • @Hubson55
    @Hubson55 2 года назад

    wrzucanie pieseła może wydawać się głupie... ale tak mnie bawi ta morda, że spędziłem 2 godziny przerzucając w kółko ten obrazek po stronie! dobry trening
    MEMES 4 LIFE! 🤣

  • @sebastianlaka6247
    @sebastianlaka6247 3 года назад

    czyli position: absolute; domyślnie przyjmuje że position: static; jest najważniejsze i to jest pierwsza kolejność? Jak zmienię positon: static; na relative to absolute będzie można umieścić tam gdzie uważam za słuszne?

    • @JZP
      @JZP  3 года назад

      Chyba trochę nie rozumiem pytania, możesz podać przykład?

    • @sebastianlaka6247
      @sebastianlaka6247 3 года назад

      @@JZP
      .1
      {
      position: static;
      }
      .2
      {
      position: relative;
      left: 20px;
      right: 40px;
      }
      .3
      {
      position: absolute;
      top: 50px;
      left: 75px;
      }
      i teraz tak .3 będzie się odwoływać do .2?

    • @sebastianlaka6247
      @sebastianlaka6247 3 года назад

      @@JZP bo teraz się upewniam i nie napotykam problemu z pozycjonowniem.

    • @kulansky2002
      @kulansky2002 3 года назад

      @@sebastianlaka6247 tak 3 będzie się odwoływać do drugiego bo tak jak na filmie masz powiedziane, że jeżeli 2 jest przodkiem trzeciego i ma inną pozycje niż static to bedzie sie odpychać właśnie od tego elementu

  • @piotrdomagaa109
    @piotrdomagaa109 Месяц назад

    kej dziena