DevFAQ

Czym różnią się zmienne w Sass od zmiennych CSS (custom properties)?

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?

Stylowanie elementów w CSS vs JavaScript. Co wybierzesz?

Po co stosujemy normalizację CSS?

Jaki kod (kolory) wyświetli powyższy mixin?

$color: #f00;

@mixin button($color: #fff) {
  font-size: 1.6rem;
  text-decoration: none;
  color: $color;
  @content;
}

.button-error {
  @include button {
    background-color: $color;
  }
}