codequick-darkmode-logo
Zaloguj sięZarejestruj się
Kurs CSS

Sylabus:

Kurs CSS

6 Lekcje 39 Online Pytania z Kodowania


Jakie tematy będą omawiane na kursie?

Wprowadzenie do CSS

  1. Podstawy CSS Część 1:

    • Definiowanie stylu i stosowanie go w CSS.

    • Przykłady stosowania font-size, color, text-align, margin, padding, border i background-color do elementów.

    • Definiowanie linków i jak je włączyć do HTML, aby zastosować stylowanie CSS.

    • Hierarchia stylów inline > id > class > tag dla efektywnego stosowania stylów CSS.

    • Stosowanie stylów CSS bezpośrednio do elementu za pomocą stylów inline.

    • Stosowanie stylów CSS za pomocą id.

    • Stosowanie stylów CSS za pomocą class.

  1. Podstawy CSS Część 2:

    • Używanie tagów HTML.

    • Zagnieżdżanie elementów HTML.

    • Zrozumienie hierarchii klas CSS.

    • Eksploracja hover i jego zastosowania.

    • Dostosowywanie szerokości i wysokości HTML.

  1. Infrastruktura układu strony Część 1:

    • Konwencje nazewnictwa dla klas w CSS

    • Różnica między właściwościami visibility a display i jak je stosować w projektowaniu

    • Przykłady właściwości CSS takich jak border-radius, visibility, display i box-sizing

    • Korzyści z używania modelu border-box dla lepszego układu projektu.

  1. Infrastruktura układu strony Część 2:

    • Ulepszanie układów w CSS.

    • Co robią float i clear z układem dokumentu.

    • Zastosowanie float i clear.

    • Przegląd metod wyrównywania elementów.

  1. Pozycjonowanie elementów za pomocą CSS Część 1:

    • Eksploracja właściwości position w CSS.

    • Zrozumienie pozycjonowania względnego.

    • Zrozumienie pozycjonowania absolutnego.

    • Kontrolowanie pozycji za pomocą właściwości top, left, right i bottom.

    • Używanie z-index do kontroli kolejności układania elementów.

  1. Pozycjonowanie elementów z CSS Część 2:

    • Dowiedz się, jak pozycjonować elementy za pomocą właściwości CSS position.

    • Zrozum różnicę między position: relative a position: absolute.

    • Odkryj, jak używać właściwości top, left, right i bottom do dostosowywania pozycji elementów.

    • Odkryj, jak kontrolować kolejność układania elementów za pomocą właściwości z-index.