Please enable JavaScript.
Coggle requires JavaScript to display documents.
START, Wimiary image, Kombinator, image, RESPONSYWNOŚĆ - Coggle Diagram
START
Wimiary
width;
szerokość
height;
wysokość
vh / vw
wysokość/szerokość okna przeglądarki
-> 100%
...:calce(10% - 10px);
-> oblicza wartość
max/min box
max-width:...px;
max-height:...px;
min-width:... %;
min-height:...%;
Kombinator
+;
-> 1 młodszy bart
~;
->Każdy młodszy bart
Po Wszystkie powstałe dalej elementy
>;
-> Tylko dzieci bezpośednio
START
<link red="..." href="...">
- dodawanie CSS
meta-vp + TAB
-> przelicza responsywnie na smartwony
*{ margin:0;
pading:0;
box-sizing: bordr-box;}
-> dodanie elementu nie zwiększa box
Skrót Emmet
shift + option + :arrow_down_small:
-> Kopiuje element w duł
div>section>img*2^article+a[src]+p{..$}
"." dodaje class
"#" dodaje ID
"(..)" grupowanie zagnieżdżeń
">" dziecko
"*2" razy elementów
"^" cofnij sie element
"+" brat
"[src]" dodaje atrybuty
"{...}" tekst wewnątrz
"$" nr kolejno
link:css
link:import
link:favicon -> Tab
RESPONSYWNOŚĆ
@ media( max-width: ...px) and (orientation: :arrows_counterclockwise: :arrow_down:) {...}
-> gdy spełnia warunki stosuje jego funkcje 5
orientation:
:portrait)
- pionowe
:landscape)
- poziome
meta-vp+TAB
-> musi być dostany w HTML