Resetowanie domyślnych stylów CSS
Dlaczego warto resetować domyślne style CSS przeglądarki i jak zrobić to resetem Erica Meyera. Gotowy kod do wklejenia na początku własnego arkusza stylów.
Kaskadowe arkusze stylów
Zaokrąglanie rogów w CSS 3
Zaokrąglone rogi w CSS: własność border-radius z przykładami na żywo. Zaokrąglanie wszystkich narożników naraz albo każdego z osobna, bez JavaScriptu.
Tworzenie pionowej linii
Pionowa linia w czystym CSS: wystarczy div z border-left, dowolnym kolorem i wysokością. Najprostszy sposób bez obrazków, z działającym przykładem.
Komentarze w kaskadowych arkuszach stylów
Komentarze w CSS: składnia /* … */, komentarze jedno- i wielowierszowe oraz zakaz zagnieżdżania. Po co komentować arkusze stylów i jak robić to czytelnie.
Formatowanie tabel za pomocą CSS
Formatowanie tabel w CSS: obramowanie, odstępy (padding, border-spacing), szerokość i wyrównanie. Mapa starych atrybutów HTML na właściwości CSS z przykładami.
Trzy sposoby na definiowanie stylów CSS
Trzy sposoby definiowania stylów CSS: zapis lokalny (inline), wewnętrzny arkusz w znaczniku style i zewnętrzny plik przez link. Plus zasada pierwszeństwa.
Jednostki w arkuszach stylów
Jednostki w arkuszach stylów CSS: px, pt, em, ex i procenty zebrane w tabeli, plus nota o współczesnych jednostkach rem, vw i vh w projektach responsywnych.
Usunięcie paska przewijania z obszaru tekstowego (textarea)
Jak usunąć pasek przewijania z textarea: overflow: hidden oraz nowocześniejsze scrollbar-width: none. Krótki przykład ze zrzutami przed i po zastosowaniu.
Menu w formie zakładek
Proste menu w formie zakładek na liście HTML i stylach CSS: display inline, graficzne tło zakładki i efekt hover. Krótki przykład z gotowym kodem do wklejenia.
Zmiana wyglądu kursora
Zmiana wyglądu kursora w CSS: tabela wartości właściwości cursor (pointer, move, wait, help i inne) oraz własna grafika kursora przez url(). Krótka ściąga.
