Sekcja siódma
W lekcji pierwszej dowiedziałem się o marginesie, wypełnieniu oraz o box model.
Tekst poniżej pokazuje jak tekst wygląda domyślnie. Drugi natomiast wykorzystuje padding: 5px. Trzeci tekst ma dodatkowo ustawioną szerokość na 500px przy pomocy width:. Ważnym jest to, że width odnosi się do szerokości tekstu, a nie całego bloku. Cała strona ma margines z lewej i z prawej, co stworzyłem, wykorzystując selektor body{}.
Futbol Club Barcelona, FC Barcelona, Barça – hiszpański wielosekcyjny klub sportowy, istniejący od chwili założenia drużyny piłkarskiej. Założony w 1899 roku przez grupę Szwajcarów, Anglików i Hiszpanów, z czasem stał się katalońską instytucją o dużym znaczeniu społecznym.
Jego dewiza to Més que un club (pol. Więcej niż klub).
Futbol Club Barcelona, FC Barcelona, Barça – hiszpański wielosekcyjny klub sportowy, istniejący od chwili założenia drużyny piłkarskiej. Założony w 1899 roku przez grupę Szwajcarów, Anglików i Hiszpanów, z czasem stał się katalońską instytucją o dużym znaczeniu społecznym.
Jego dewiza to Més que un club (pol. Więcej niż klub).
Futbol Club Barcelona, FC Barcelona, Barça – hiszpański wielosekcyjny klub sportowy, istniejący od chwili założenia drużyny piłkarskiej. Założony w 1899 roku przez grupę Szwajcarów, Anglików i Hiszpanów, z czasem stał się katalońską instytucją o dużym znaczeniu społecznym.
Jego dewiza to Més que un club (pol. Więcej niż klub).
W lekcji drugiej mówiono o float i clear, czyli "unoszeniu" się tekstu. Zaprezentuję to na poniższych przykłądach. Wykorzystam tekst z lekcji poprzedniej.
Futbol Club Barcelona, FC Barcelona, Barça – hiszpański wielosekcyjny klub sportowy, istniejący od chwili założenia drużyny piłkarskiej. Założony w 1899 roku przez grupę Szwajcarów, Anglików i Hiszpanów, z czasem stał się katalońską instytucją o dużym znaczeniu społecznym.
Jego dewiza to Més que un club (pol. Więcej niż klub).
Ten tekst ustawia się pod divem, tak jak widać.
Futbol Club Barcelona, FC Barcelona, Barça – hiszpański wielosekcyjny klub sportowy, istniejący od chwili założenia drużyny piłkarskiej. Założony w 1899 roku przez grupę Szwajcarów, Anglików i Hiszpanów, z czasem stał się katalońską instytucją o dużym znaczeniu społecznym.
Jego dewiza to Més que un club (pol. Więcej niż klub).
Ten natomiast ustawił się obok ramki, gdyż zastosowałem float: left.
Do napisania tego tekstu wykorzystałem styl clear:left. Mam jednoczesnie tekst obok bloku i pod nim.
W lekcji trzeciej mówiono o pozycjonowaniu: relatywnym i absolutnym.
W lekcji czwartej mówiono o warstwach oraz jak wykonać warstwę nadrzędną. Wystarczy skorzystać z własności z-index, a następnie określić poziom warstwy, wybierając liczbę ujemną lub dodatnią. Im większy numer, tym warstwa będzie wyżej.
W lekcji piątej mówiono o przepełnieniu, czyli kiedy dany tekst wychodzi poza dany obszar.
W tej sekcji nauczyłem się POZYCJONOWANIA ELEMENTÓW NA STRONIE W CSS. W kolejnej sekcji STWORZYŁEM STRONĘ OD ZERA (czyli to, co widzisz).