| <!DOCTYPE html> - Przegladarka zrozumie ze ma zostac wykonana w wersji html5 | Czym jest DOCument TYPE ? |
| data-city="Warsaw" - niestandardowe informacje dla strony | Czym są atrybuty data-* ? |
| <bdo dir="">Domyslnie od lewej do prawej</bdo> | Jak zmienic kierunek wyswietlanego tekstu ? |
| <mark>Podświetlony tekst</mark> | Jak podświetlić tekst ? przydatne ScreenReaderom |
| <script></script> Tak, dlatego umieszcza sie na koncu strony aby wczytalo sie jako ostatnie | Czy skrypt zostaje odrazu wywolywany i parsowany ? |
| defer jest wykonany gdy strona skonczyla swoje parsowanie html/ async aynchronicznie | Czym jest <script defer> <script async> ? | deffered(odroczony) |
| Google chrome > zawsze podejmuje próbę parsowania niezaleznie od ich atrybutow | Czym jest silnik V8 ? |
| element Html pozwalajacy na malowanie grafika za pomoca js | Czym jest Canvas ? |
| <article><aside><details><figcaption> itp. | Czym jest kod semantyczny ? (tagi) |
| x | Jak serwować kod w wielu językach ? |
| x | Html5, jakie elementy budują ten standard ? |
| <meta charset="UTF-8"; to sposób konwertowania bytów z pliku strony na znaki. | Czym jest kodowanie znaków ? |
| specjalne programy dla niewidomych np. aria-label="Zamknij" | Czym jest Aria ? |
| dla użytkowników którzy nie mogą go zobaczyć | Po co są atrybuty alt przy obrazkach ? |
| dt, dd, li, thead, img, input | Czym są opcjonalne zamykające tagi ? samozamykające |
| XHTML jest nowszy od HTML, oba jezyki bazuja na stand. W3C. XHTML wymaga bezpbłędnego kodu. | Roznica pomiedzy HTML a XHTML |
| .klasa {} | #id {} | atrybut p[title="wartosc"] | p::before {} pseudoklasy | Czym jest selektor |
| .selektor { property: value;} | wlasciwosc ? |
| div + p {} kombinator dziecka nast. | div p {} potomka | p>span dziecka | div~p{nastepnych braci} | kombinatory |
| box-sizing: content-box/border-box/padding-box | Czym jest Box-Sizing ? |
| text-align-center(w div ojca) | | Jak wycentrowac div wewnatrz div |
| visibility: hidden tylko ukrywa element a display: none usuwa go z drzewa DOM. | Roznica pomiedzy visibility: hidden; a display: none; |
| proces ponownej kalkulacji pozycji oraz geometrii elementow dokumentu | Czym jest reflow dokumentu ? |
| tr:nth-child(even){background-color: silver;} | Jak stworzyc zebre w tabeli ? |
| cm, em, in, mm, pc, pt, px | Wytlumacz jednostki CSS, |
| np. Sass(SCSS), LESS, Stylus, PostCSS | Czym jest preprocesor CSS ? (sprawdzic) |
| x | czym jest progresywne renderowanie ? (sprawdzic) |
| x | Czym jest ui ux ? |
| initial | Jak ustawic domyslna wartosc CSS ? |
| list-style-type | Ktory styl pozwala na kontrolowanie kształtu oraz wyglada markera listy |
| text-transform: uppercase, lowercase,capitalize | Ktory styl pozwala na zmianę wielkości liter ? |
| font-family | Jaki styl zmienia czcionkę na stronie ? |
| font-style: normal,italic,oblique | Jaki styl do stworzenia pochylonej czcionki ? |
| font-variant z wartością small-caps(duże litery ale wciaz mniejsze od oryginalu) | Ja zrobić efekt small-caps ? |
| font-veight:normal,bold,lighter | Jak zmienic grubosc czcionki ? |
| letter-spacing: 2px; | Jaka wlasciwosc odpowiada za odleglosc miedzy literami ? |
| word-spacing | Jaka wlasciwosc odpowiada za odleglosc miedzy slowami, ktore tworza zdania ? |
| Wlasciwosc text-indent: 30px; | Jak zmienic wielkosc wciecia dla paragrafu ? |
| text-align: left, right, center itp. | Jaki styl definiuje horyzontalne położenie w elemencie np div ? |
| text-decoration: underline, strikethrough, overline | Jaka wlasciwosc jest używana do określenia podkreślenia, przekreślenia ? |
| obie sąoparte na font-size. em-dziedziczy wartosc z nadrzednego elementu, rem-dziedziczy z roota | Jaka jest różnica między jednostkami em oraz rem ? |
| font-style, font-variant, font-weight, font-size, line height, font-family | Opisz kilka właściwości tyczących się czcionek? |
| background: fixed; | Jak otrzymac wypelnienie strony jako obrazek, który nie rusza się przy scroll.. |
| -webkit , -moz -ms -o | Jakie sa style Vendorow przegladarek?,rozszerzenia CSS, moga byc dodane w celu zmniejszenia niekompa |
| przesuniecie obrazka w lewo lub prawo, a tresc bedzie oplywala | Czym jest float ? |
| - zmienne, zawsze rozpoczynaja sie $|-zagniezdzanie selektorow|mixiny|-dziedziczenie-@extends|instru | Jakie możliwości daje nam preprocesor Sass. zapewnia wiele mechanik ulatwiajacych tworzenie kodu a |
