CSS
Wyszukiwarka
Wprowadzenie do CSS
- Czym jest CSS?
- Jak dodawać CSS do HTML (inline, embedded, external)?
- Podstawowa składnia CSS
- Hierarchia stylów (Cascading Style Sheets)
Podstawowe właściwości CSS
- Kolory w CSS (color, background-color)
- Jednostki miary i rozmiaru (px, em, rem, %)
- Marginesy i wypełnienia (margin, padding)
- Obramowania i tło (border, background)
Formatowanie tekstu w CSS
- Zmiana kroju pisma (font-family)
- Stylizacja tekstu (font-size, font-weight, font-style)
- Dostosowanie odstępów między literami i liniami (letter-spacing, line-height)
- Dekoracja tekstu (text-decoration, text-transform)
- Wyrównywanie tekstu (text-align)
Stylowanie elementów HTML
- Zmiana wyglądu przycisków i linków
- Stylowanie obrazów i multimediów
- Cienie i efekty specjalne (box-shadow, text-shadow)
- Stylowanie list i tabel
Ułożenie i pozycjonowanie elementów
- Modele układu: Box Model, Flexbox, Grid Layout
- Pozycjonowanie statyczne, względne, absolutne i stałe (position)
- Wyrównywanie elementów (align-items, justify-content)
- Tworzenie układów wielokolumnowych
Responsywność i media queries
- Wprowadzenie do responsywnego web designu
- Media queries – podstawy i zaawansowane techniki
- Stylowanie stron na różne urządzenia (mobile-first)
Animacje i efekty wizualne
- Podstawy animacji CSS (transition, animation)
- Tworzenie animacji kluczowych (keyframes)
- Efekty hover i focus
- Przykłady animacji CSS (fade-in, slide, bounce)
Zaawansowane techniki CSS
- Pseudoelementy i pseudoklasy
- Użycie zmiennych CSS (custom properties)
- Optymalizacja wydajności CSS
- Tworzenie tematów i motywów za pomocą CSS
Wyrównywanie tekstu (text-align)
Właściwość text-align w CSS służy do kontrolowania sposobu wyrównania tekstu w elemencie blokowym. Możemy ustawić tekst do lewej, do prawej, wyśrodkować go lub wyrównać do obu krawędzi. Właściwość ta jest kluczowa w projektowaniu czytelnych i estetycznych układów stron.
Możliwe wartości text-align
- left - wyrównanie do lewej (domyślne dla tekstu w językach pisanych od lewej do prawej).
- right - wyrównanie do prawej.
- center - wyśrodkowanie tekstu.
- justify - wyrównanie tekstu do obu krawędzi (lewej i prawej), co powoduje rozciągnięcie linii.
Praktyczne użycie
See the Pen
Untitled by EE-Informatyk.pl (@eeinformatyk)
on CodePen.
Podsumowanie
Właściwość text-align pozwala na precyzyjne kontrolowanie wyrównania tekstu w elemencie blokowym. Jest to podstawowa technika, która poprawia czytelność i estetykę stron internetowych. W zależności od potrzeb, możemy wyrównać tekst do lewej, prawej, wyśrodkować go lub rozciągnąć, aby wypełnił całą szerokość dostępnego miejsca.