01. Wprowadzenie do drugiego działu kursu CSS

W poprzednim dziale kursu CSS poznaliśmy czym jest język CSS, poznaliśmy wiele różnych zagadnień, zależności, różnych reguł, które rządzą językiem CSS. Poznaliśmy również wiele nowych rzeczy, które nie tak dawno zostały dodane do języka CSS i są one interpretowane przez mniejszą lub większa ilość różnych wersji najpopularniejszych przeglądarek internetowych.

Nie wszystkie zagadnienia, jakie poznaliśmy w poprzednim dziale, mogą od razu zapisać się w naszej pamięci, dlatego w tym dziale kursu CSS poznamy sposób, dzięki któremu utworzymy pionowe menu CSS, które zostało zaprezentowane poniżej, dzięki czemu zobaczymy w jaki sposób język CSS łączy się z językiem HTML, dając ciekawe rezultaty.

Aby rozpocząć budowę naszego pionowego menu CSS musimy wiedzieć jak działają i do czego służą następujące selektory CSS:

• selektor elementu

• selektor potomka

• selektor pierwszego dziecka

• selektor wskazanego elementu

Oprócz wyżej wymienionych selektorów musimy wiedzieć do czego służą następujące właściwości CSS:

• padding - wewnętrzne marginesy elementu

• width - ustalona szerokość elementu

• background-color - kolor tła elementu

• background-image - tło obrazkowe elementu

• background-repeat - sposób powtarzania tła obrazkowego w elemencie

• border-top - cechy górnego obramowania elementu

• border - cechy obramowania elementu

• text-decoration - dodatkowa dekoracja tekstu

• text-align - kierunek wyrównania tekstu

• font-size - rozmiar czcionki

• color - kolor tekstu

• text-shadow - cień w tekście

• box-shadow - cień w elemencie

• list-style-type - styl wyróżników listy

• display - sposób wyświetlania elementu