Kategoria: Kurs CSS

CSS – kaskadowe arkusze stylów odpowiadają za prezentację poszczególnych elementów strony. CSS oddziela część graficzną od części definiującej strukturę witryny…
Czytaj dalej →

W tej lekcji zajmiemy się przygotowaniem struktury deklaracji w zewnętrznym pliku CSS. Składnia stylu W kolejnym przykładzie przygotujemy bardziej rozbudowany…
Czytaj dalej →

Rozbudowując stronę internetową, dodajemy kolejne znaczniki. Czasami zachodzi potrzeba nadania jednemu ze znaczników odrębnego stylu. Klasa selektora Klasę możemy nadać…
Czytaj dalej →

W definiowaniu stylu CSS dla poszczególnych znaczników możemy posługiwać się miarami relatywnymi – wielkość dopasowana jest do rozmiaru konkretnego ekranu,…
Czytaj dalej →

W tej lekcji na warsztat weźmiemy font nazywany także czcionką :-). Poznasz takie właściwości jak: Wielkość Wielkość fontu ustalamy za…
Czytaj dalej →

W lekcji dotyczącej tekstu nauczysz się jak go formatować: Wyrównanie Wyrównanie tekstu ustalamy za pomocą text-align. Możemy zastosować wartości: Przykład…
Czytaj dalej →

W tej lekcji dodamy tło i poznamy możliwości jego formatowania: Kolor Kolor tła ustalamy za pomocą background-color. Wykaz podstawowych kolorów….
Czytaj dalej →

Gradient to nowy i ciekawy sposób na urozmaicenie strony www. Gradient tła ustalamy za pomocą background-gradient. Gradient liniowy W przypadku…
Czytaj dalej →

Tworząc stronę internetową przygotowujemy jej strukturę mając na względzie jej czytelność i estetykę. Aby odseparować poszczególne elementy na stronie stosujemy…
Czytaj dalej →

Ramki na stronie możemy stosować w celu wyróżnienia określonego elementu albo do zbudowania estetycznej struktury strony. Obramowanie ustalamy za pomocą…
Czytaj dalej →

Dla elementów na stronie internetowej możemy zdefiniować kolejne cechy opisujące ich rozmiary – szerokość oraz wysokość. Szerokość Szerokość ustalamy za…
Czytaj dalej →

Przepełnienie ustalamy za pomocą overflow. Dzięki temu możemy uzyskać nowe efekty w prezentacji poszczególnych elementów na stronie. W przypadku przepełnienia…
Czytaj dalej →

Float Elementy mogą znajdować się po prawej albo lewej stronie, ich rozmieszczenie ustalamy za pomocą float. Float może przyjmować wartości:…
Czytaj dalej →

Pozycjonowanie umożliwia precyzyjne umiejscowienie elementów na stronie. Pozycjonowanie ustalamy za pomocą position. Właściwość position może przyjmować wartości: Absolute Przykład Tekst…
Czytaj dalej →

W css możemy określić porządek wyświetlania elementów wzdłuż osi z. Kolejność elementów ustalamy za pomocą z-index. Element, któremu przyporządkujemy wyższy…
Czytaj dalej →

W kursie html przygotowaliśmy listę, teraz czas by w nadać jej styl w css. Rodzaj listy Nieuporządkowana Uporządkowana Jeden Dwa…
Czytaj dalej →

Stosowanie pseudo-klas daje możliwość zbudowania logicznej struktury odnośników. Poprzez właściwości takie jak :link, :visited, :hover, :active, :focus możemy nadać formatowanie…
Czytaj dalej →

Pseudo-elementy służą urozmaicania strony jednocześnie ograniczając ilość kodu. Stosowanie :before oraz :after umożliwia dodanie kontentu przed i za elementem. Zastosowanie…
Czytaj dalej →

Transform umożliwia dokonywanie przekształceń elementu takich jak przesunięcie, obrót, skalowanie, pochylenie. Poniżej opis funkcji właściwości transform. Translate – przesunięcie W…
Czytaj dalej →

Właściwość transition pozwala tworzyć animacje (efekt płynnego przejścia). Transition-property Transition-property – okeśla wartości, które zostaną poddane efektowi przejścia np. kolor…
Czytaj dalej →

Wraz z pojawieniem się wartości animation możemy tworzyć animacje z poziomu CSS. Z kolei @keyframes umożliwia precyzyjną kontrolę nad przebiegiem…
Czytaj dalej →