link rel -mówi, że jest to arkusz styli, type – musi być text/css, href – wskazuje gdzie w folderze znajduje się plik ze stylami, media – dla jakich ekranów jest dany styl.
A co jak będę miał [media=speech] → jaki to ekran? ;) No i STYLÓW – inna forma w języku polskim nie występuje!
Teraz skupmy się na tym ile sekcji ma nasza strona: HEADER – nagłówek, NAV – menu, sekcja z główna treścią strony (ja nazwę ją content Ty możesz nazwać ją jak Ci wygodnie albo wpisać tak, jak ja) i FOOTER -stopka.
Nagłówek, nawigację i stopkę niekoniecznie nazywałbym sekcjami, bo to wprowadza zamęt terminologiczny (gdy przechodzimy do rzeczywistych sekcji). Natomiast od głównej treści jest main.
W HTMLu w miejscu gdzie skończyliśmy kod (z nawigacją)
od nowe linii piszemy:
<div class="clear"></div>
Clearfix → http://nicolasgallagher.com/micro-clearfix-hack/
-moz-transform:scale(1.2,1.2); – służy do animacji w CSS3. Przedrostek-moz- mówi, że ta funkcja ma działać w Firefoxie. Dlatego, że niektóre nowe funkcje CSS3 nie działają jeszcze poprawnie we wszystkich przeglądarkach dlatego do pewności dajemy przedrostek.
Wartość scale – mówi, że chcemy coś powiększyć.
Wartości w nawiasie mówią o ile ma być powiększone (1,1) – to normalna wartość bez powiększenia.
Sorry, ale transform działa wszędzie bez prefiksów od lat. Przedrostki zostały oficjalnie uznane za szkodliwe przez W3C ok. 2013 roku. Od tamtego czasu raczej się już ich nie stosuje. Raptem kilka własności ich wymaga.