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 →
Kategoria: Kurs CSS
W kursie CSS – wygląd strony internetowej poznasz techniki, dzięki którym nadasz niepowtarzalny styl dla strony www.
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 →
Klasa i identyfikator selektora
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 →
Jednostki Miary
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 →
Odstępy – margin, padding
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 →
Obramowanie
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 →
Szerokość, wysokość
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 – overflow
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 →
Elementy pływające – float
Float Elementy mogą znajdować się po prawej albo lewej stronie, ich rozmieszczenie ustalamy za pomocą float. Float może przyjmować wartości:…
Czytaj dalej →
Właściwość position
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 →
Kolejność elementów
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 →
Pseudo-klasy
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 :before :after
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 →
Transition
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 →
Animation @keyframes
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 →