DevFAQ

Czym jest Critcal CSS?

Czym CSS Trigers?

Czym jest Critical CSS?

left i transition: która z właściwości robi reflow? (chodzi o performance animacji)

Czym jest svg? Na czym polega grafika wektorowa?

Napisz na kartce kod strony, który odzwierciedli wygląd szablonu. Użyj flexboxa.

<div class="wrapper">
 <div class="box"></div>
 <div class="box"></div>
 <div class="box"></div>
</div>

.wrapper {
 width: 240px;
}
.box {
 width: 50px;
 padding: 10px;
 margin: 5px;
 border: 2px;
 float: left;
}

1. Jak będą wyświetlone elementy wewnątrz elementu .wrapper?
2. Jaką wysokość będzie miał element .wrapper?

<div id="wrapper">
	<p class="text"></p>
</div>

#wrapper {
 color: green;
}
.text {
 color: red;
}
#wrapper .text {
 color: yellow;
}
html > body .text {
 color: blue;
}

Jaki kolor będzie miał tekst w tagu p?

Jaki kolor zostanie zaaplikowany?

// plik CSS
.menu h1 {
 color: red !important
}
// plik HTML
<div class="menu"> 
	<h1 style="color:blue;">Home</h1>
</div>

Jak zastosować dziedziczenie w SCSS?

Jak wyśrodkować element w pionie? (omów kilka różnych technik)

W jaki sposób można zamienić 2 elementy <div> miejscami nie używając float. Podaj klika sposobów.

Na co uważać przy float, gdy mamy np. 3 divy i na środkowy damy float: right ?

Clearfix? Kiedy używać, po co?

Czym różni się display: inline, inline-block i block?

Co w Bootstrapie oznacza pushowanie kolumn?

Czym jest kaskadowość w CSS?

Względem czego pozycjonuje się element, jeśli nie znajdzie rodzica o pozycji relatywnej?

Container vs container-fluid (biblioteka Bootstrap) - jakie są różnice?

Dodawanie czcionek poprzez link vs poprzez import. Co wybierzesz?