question  |
réponse |
|
commencer à apprendre
|
|
Pseudo-element. Element wstrzykiwany przed element, w który ingerujemy. Koniecznie właściwość - content.
|
|
|
|
commencer à apprendre
|
|
Pseudo-element. Element wstrzykiwany po elemencie, w który ingerujemy. Koniecznie właściwość - content.
|
|
|
Jaka jest różnica między vh a %? commencer à apprendre
|
|
vh jest relatywne względem okna(viewport), a % względem rodzica.
|
|
|
Jak wyśrodkujesz element w pionie i poziomie? commencer à apprendre
|
|
. container {height: 100%; display: flex; align-items: center; justify-content: center;}
|
|
|
Co to box-sizing: content-box? commencer à apprendre
|
|
Domyślna wartość Divów. Kalkuluje szerokość tylko wewnątrz div, czyli ramka(border) i padding się nie wlicza.
|
|
|
Co to box-sizing; border-box? commencer à apprendre
|
|
Kalkuluje szerokość i nie przekroczy jej. Zawartość diva zawsze będzie jednakowa. Wlicza padding i border.
|
|
|
|
commencer à apprendre
|
|
Jednostka "em" odwołuje się do bezpośredniego rodzica.
|
|
|
|
commencer à apprendre
|
|
Jednostka "rem" odwołuje się do znacznika rootowego - html.
|
|
|
DO czego służy funkcja calc()? commencer à apprendre
|
|
Do łączenia kilku jednostek miary.
|
|
|
Jak wybrać pierwsze 10 elementów na liście? commencer à apprendre
|
|
|
|
|
Jak zaznaczyć parzyste elementy na liście? commencer à apprendre
|
|
li: nth-child(even) lub li: nth-child(2n)
|
|
|
Jak sprawdzić czy zmienna css jest obsługiwana przez przeglądarkę? commencer à apprendre
|
|
@supports (--css: variables)
|
|
|
Jak przyspieszyć animacje i przejścia (ang. transitions) w CSS? commencer à apprendre
|
|
Należy animować tylko właściwości transform oraz opacity, które są mało zasobożerne jeśli chodzi o animacje.
|
|
|
Różnica między Flexbox, a CSS Grid? commencer à apprendre
|
|
Flexbox tworzy layout w jednym wymiarze, w kolumnie lub wierszu, a CSS Grid tworzy layout w dwóch wymiarach.
|
|
|
Jak zoptymalizować stronę do wydruku? commencer à apprendre
|
|
W style: media="print". Kolorystyka, Linki, Obrazki, Menu, Animacje
|
|
|
|
commencer à apprendre
|
|
Hypertext Markup Language i Cascading Style Sheets
|
|
|
|
commencer à apprendre
|
|
Margin, Border, Padding, Content
|
|
|
|
commencer à apprendre
|
|
Tak, np Rotate(), Calc(),
|
|
|
Różnica position: relative a position: absolute? commencer à apprendre
|
|
Przesunięcie relatywne to przesunięcie z miejsca gdzie element się znajduje. A Absolute od lewego górnego rogu.
|
|
|
Co to jest position fixed? commencer à apprendre
|
|
Określamy pozycję względem krawędzi ekranu przeglądarki.
|
|
|
|
commencer à apprendre
|
|
Zapytania o np wielkość ekranu na którym wyświetla stronę.
|
|
|
