Tworzymy proste animowane Sticky Note w CSS
W tym tutorialu pokażę jak zrobić bardzo proste Sticky Note (karteczek z notatkami) na stronę internetową, używając do tego jedynie HTML i CSS.
HTML i CSS to podstawowe technologie wykorzystywane do budowania i formatowania stron internetowych. HTML odpowiada za strukturę i znaczenie elementów strony, natomiast CSS pozwala określać ich wygląd, rozmieszczenie oraz zachowanie w różnych sytuacjach.
W tej kategorii znajdziesz poradniki i przykłady kodu, które pomogą Ci poznać te technologie i wykorzystać je w praktyce. Omawiam między innymi znaczniki HTML, selektory i właściwości CSS, formatowanie tekstu, listy, tabele, formularze, menu nawigacyjne oraz efekty wizualne.
Materiały mogą być przydatne osobom rozpoczynającym naukę tworzenia stron WWW, a także tym, którzy znają już podstawy i chcą przypomnieć sobie konkretne rozwiązania lub znaleźć sposób na wykonanie wybranego elementu strony.
Jeśli wolisz uczyć się według uporządkowanego planu, zajrzyj również na stronę kursu HTML i CSS, gdzie znajdziesz materiały pogrupowane według zagadnień.
HTML lang – deklaracja języka witryny. Dlaczego jest ważny!
Jedną z czynności, o której warto pamiętać podczas budowy strony internetowej jest właściwe określenie wersji językowej. Do tego celu służy w języku HTML zmienna lang.
Pseudo-elementy CSS ::before i ::after
Pseudo elementy ::before i ::after to jedne z bardziej użytecznych elementów stosowanych przy budowie stron internetowych. Jak sama nazwa na to wskazuje elementy te fizycznie istnieją.
Odstępy między wyrazami – word-spacing
Właściwość CSS word-spacing służy do określania wielkość odstępów pomiędzy wyrazami występującymi w danym tekście na stronie internetowej.
Numerowanie wierszy (rows) tabeli lub div z pomocą CSS
Dzisiaj zajmiemy się tematyką numerowania (liczenia, punktowania) elementów HTML takich jak tabela lub <div>.
Właściwość CSS scroll-behavior (zachowanie się scrolla)
Właściwość CSS scroll-behavior (zachowanie scroll) pozwala nam określić, w jaki sposób ma nastąpić przewinięcie treści strony podczas skoku z jednego punktu do drugiego.
Właściwość CSS – text-align-last
Właściwość CSS text-align-last służy do określania sposobu wyrównania ostatniej linki tekstu. Poza tym drobnym szczegółem text-align-last działa analogicznie jak właściwość text-align.
Właściwość CSS – resize
Dzięki właściwość CSS resize użytkownik zyskuje możliwość zmiany rozmiaru danego pola (np. div lub textarea).
Właściwość CSS tab-size
Właściwość CSS tab-size określa ilość spacji jakie zajmuje tabulator. W praktyce oznacza to odstępy pomiędzy konkretnymi wyrazami w tekście. Im większa jego wartość tym przerwy pomiędzy wyrazami będą większe.
Elementy blokowe i liniowe na stronie internetowej
Elementy HTML, które umieszczamy na stronie internetowej podzielić można na kilka grup. Jedną z nich pod względem zajmowanej przestrzeni są elementy liniowe i blokowe.
![Odstępy między wierszami tekstu z line-height [CSS] – Interlinia](https://aurainweb.pl/wp-content/uploads/2019/05/book6.jpg)
Odstępy między wierszami tekstu z line-height [CSS] – Interlinia
Z pomocą właściwości CSS line-height możemy wpływać na wielkość odstępów pomiędzy wierszami tekstu. Czyli dodać jak w edytorze tekstu Interlinię, dzięki której lepiej dostosujemy tekst lepiej do naszych potrzeb.
Ciekawe rozwiązania dla formularzy logowania i rejestracji
W kolejnym w kolejnym wpisie poświęconym inspiracją przygotowałam dla was ciekawe rozwiązania dla formularzy logowania i rejestracji.