kursy, tutoriale
W jednym z poprzednich wpisów pokazałam w jaki sposób wyśrodkować obrazek lub tekst wykorzystując do tego czysty HTML. Tym razem pójdę o krok dalej i do ustawiania ich na stronie użyję kaskadowych styli czyli CSS.
Jeną z metod ustawiania obrazków na stronie jest float, może on przyjmować kilka różnych wartości.
float:right;
<img style="float:right;" src="http://aurainweb.pl/wp-content/uploads/2013/02/wordpress-api-e1372490516916.jpg" alt="" width="130" height="130" />
float:left;
<img style="float:left;" src="http://aurainweb.pl/wp-content/uploads/2013/02/wordpress-api-e1372490516916.jpg" alt="" width="130" height="130" />
Przykład:
Metoda ta może być również używana do ustawiania innych elementów na stronie takich jak „div”.
Odnosi się głównie do formatowania tekstu.
text-align:right:
<p style="text-align: right;">Przykładowy formatowany tekst.</p>
Przykład:
Przykładowy formatowany tekst.
text-align:left;
<p style="text-align: left;">Przykładowy formatowany tekst.</p>
Przykład:
Przykładowy formatowany tekst.
text-align:center;
<p style="text-align: center;">Przykładowy formatowany tekst.</p>
Przykład:
Przykładowy formatowany tekst.
Jak widać z pomocą CSS układanie tekstu na stronie jest bardzo proste.
Jak w przypadku wielu różnych tematów tak i w przypadku marki osobistej pojawiło się przez…
Choć zabrzmi to może nieco dziwnie to wprowadzenie AI (sztucznej inteligencji) do naszego życia było…
Widmo Brockenu to dość rzadko spotykane zjawisko optyczne, najczęściej widywane w wysokich partiach gór. Można…
Zacznę może od tego, że relikwia, relikwii nie równa. Wiem jeśli nie ma się pojęcia…
Logo stanowi jeden z ważniejszych elementów tożsamości wizualnej praktycznie każdej firmy, marki czy projektu. Logo…
Budując własną markę osobistą lub chcąc ją zbudować trzeba liczyć się z wieloma wyzwaniami. Jednym…