Lorem ipsum

Właściwości & wartości:

color: #444444 - kolor danego elementu, w tym wypadku szary,
background-color: #444444 - kolor tła, tutaj szary,
background-image: url(LINK)- obraz w tle, "podany" w linku,
background-repeat: repeat-x - powtarzanie się tła, w poziomie,
background-repeat: repeat-y - powtarzanie się tła, w pionie,
background-repeat: repeat - powtarzanie się tła, w poziomie i pionie,
background-repeat: no-repeat - tło nie powtarza się,
background-attachment: fixed - tło nie porusza się razem ze stroną, jest "zablokowane",
background-attachment: scroll - tło porusza się razem ze stroną - odblokowane,
background-position: top right - tło ułożone w prawym górnym rogu, (istnieją inne możliwe zapisy wartości, nie podaje ich)
font-family: "Times New Roman", serif - lista czcionek,
font-style: italic - dany element napisany kursywą,
font-style: normal - normalna czcionka (istnieje także "oblique")
font-variant: small-caps - duże litery będą mniejsze (lub "normal" czyli normalne)
font-weight: bold - jak gruba ma być czcionka (tutaj też istnieje "normal")
font-size: 30px - wielkość czcionki, tutaj 30px,
text-indent: 30px - wcięcia w tekście
text-align: right - tekst ułożony do prawej strony ("left" - do lewej, "center" - wyśrodkowanie, "justify" - wyjustowany),
text-decoration: underline - dekorajca tekstu, podkreślenie ("overline" linia nad tekstem, "line-through" - przekreślenie)
letter-spacing: 3px - odstęp między literami, tutaj 3px,
text-transform: capitalize - zmienia na dużą literę wszystkie pierwsze litery wyrazów,
text-transform: uppercase - zmienia wszystkie litery na duże,
text-transform: lowercase - zmienia wszystkie litery na małe,
text-transform: none - bez transformacji,
margin-top (także"right", "bottom", "left"): 100px - górny margines, tu 100px,
margin: 100px 30px 40px 10px - margines: góra - 100px, prawo - 30px, dół - 40px, lewo - 10px,
border-width: 2px - szerokość ramki, tu 2px,
border-color: rgb(10, 15, 20) - kolor ramki, tu podany w rgb,
border-style: none - nie wyświetla się obramowanie,
border-style: dotted - ramka z kropek
border-style: solid - ramka z jednej linii ciągłej,
border-style: dashed - ramka z kresek,
border-style: double (istnieje także "groove", "ridge", "inset", "outset")- ramka z podwójnej linii ciągłej,
width: 200px - szerokość danego elementu, tu 200px,
height: 400px - wysokość danego elementu, tu 400px,
float: left (także "right" oraz "none")- dany element (element "pływający") ustawiony na lewej stronie (float jest trudne do wytłumaczenia pokazując tylko i wyłącznie kod),

clear: both (także "right", "left", "none") - element obok elementu "pływającego" ustawiony jest tak, że jego górny margines obramowania znajduje się poniżej dolnego marginesu obramowania elementu "pływającego" (to także trudne do wytłumaczenia),
position: absolute - taki element nie zabiera miejsca w dokumencie, tj. jego obecność nie zmienia ustawienia innych elementów,
position: relative - pozycja takiego elementu obliczana jest na podstawie jego oryginalnej pozycji, tj. zajmuje miejsce tylko tam gdzie jest jego oryginalna pozycja,
z-index: 2 - elementy z wyższym numerem nakładają się na te z niższym, tu nr 2.




Selektory:


body - cała strona,
h1 - nagłówek,
h2.date-header - nagłówek z datą,
h3.post-title - tytuł posta,
<p> - akapit
a - odnośnik
a:link - odnośnik nieodwiedzony,
a:visited - odnośnik odwiedzony,
a:hover - odnośnik, gdy najedziesz na niego kursorem,
a:active - odnośnik aktywny,