Układ kolumnowy na stronie z pomocą float
Dziś zajmiemy się tematyką rozmieszczania elementów na stronie internetowej. Do tego celu na stronach wykorzystuje się elementy takie jak <div>, <header> czy <footer>. Nas dziś będzie interesował <div>.
Jak korzystać z znacznika <SPAN> w HTML?
Znacznik <span> dość często jest nie doceniany przez osoby, które dopiero zaczynają naukę HTML i CSS. Jest tak dlatego, że nie zdają sobie one sprawy z jego potencjału.
Jak dodać plik w formacie SVG do strony internetowej?
Temat plików SVG nie jest nowy na moim blogu – poruszyłam jego tematykę w sumie już kilkakrotnie. Tym razem postaram się wam pokazać jak można umieścić taki plik na stronie internetowej.
![Wpływanie na elementy znajdujące się obok siebie (siostrzane) [CSS]](https://aurainweb.pl/wp-content/uploads/2019/08/com.jpg)
Wpływanie na elementy znajdujące się obok siebie (siostrzane) [CSS]
Dzisiaj pokażę wam jak w bardzo prosty sposób możemy powiązać ze sobą elementy, elementy siostrzane. Czyli takie, które znajdują się obok siebie (mają wspólnego rodzica) i nie są w żaden inny sposób ze sobą powiazane. W większości przypadków kiedy oddziałujemy na dane obiekt są one ze sobą fizycznie powiązane.
![Formatowanie tekstu na stronie internetowej [podsumowanie]](https://aurainweb.pl/wp-content/uploads/2018/10/plan.jpg)
Formatowanie tekstu na stronie internetowej [podsumowanie]
Dzisiaj chciałam się zająć tematyką formatowania tekstu na stronie internetowej z pomocą HTML i CSS.
Selektory pseudoklas – jakie stany mogą posiadać obiekty HTML
Selektorem w CSS teoretycznie jest dowolny znacznik określający dowolne cechy elementu HTML. Co w praktyce prowadzi do tego, że istnieje wiele ich odmian. Dziś jednak nie chce o nich wszystkich mówić. Zajmę się jedynie małą grupą selektorów zaliczających się do grupy pseudoklas czyli stanami jakie może posiadać obiekt HTML (np. czy znajduje się na obiekcie […]
Pseudo-elementy CSS ::before i ::after
Pseudo elementy ::before i ::after to jedne z bardziej użytecznych elementów stosowanych przy budowie stron internetowych. Jak sama nazwa na to wskazuje elementy te fizycznie istnieją.
Właściwość CSS – text-align-last
Właściwość CSS text-align-last służy do określania sposobu wyrównania ostatniej linki tekstu. Poza tym drobnym szczegółem text-align-last działa analogicznie jak właściwość text-align.
![Podział tekstu na równej szerokości kolumny – Multiple Columns [CSS]](https://aurainweb.pl/wp-content/uploads/2017/11/podzial-tekstu-na-kolumny.jpg)
Podział tekstu na równej szerokości kolumny – Multiple Columns [CSS]
Tym razem pokażę wam w jaki sposób dokonać podziału tekstu na kilka równej szerokości kolumn (bez użycia tradycyjnego grida) jak z dowolnej gazety.
![Kierunek pisania tekstu właściwość direction / unicode-bidi [CSS]](https://aurainweb.pl/wp-content/uploads/2017/01/notes.jpg)
Kierunek pisania tekstu właściwość direction / unicode-bidi [CSS]
Dzisiaj zajmiemy się tematyką zmiany kierunku wyświetlania tekstu na stronie internetowej z pomocą direction i unicode-bidi. Domyślnie w Europie wyświetla się on od strony lewej do prawej.
Działania na białych znakach (whitespace) w HTML i CSS
Jedną z istotnych rzeczy o jakiej należy pamiętać dodając tekst na stronę internetową są tak zwane białe znaki (z ang. white space, whitespace).
![Dodawanie wcięć akapitowych na stronie internetowej z pomocą – text-indent [CSS]](https://aurainweb.pl/wp-content/uploads/2018/06/kod.jpg)
Dodawanie wcięć akapitowych na stronie internetowej z pomocą – text-indent [CSS]
Z pomocą selektora text-indent możemy dokonać wcięć akapitowych czyli dodawać odstęp w pierwszej linijce tekstu na stronie internetowej. Właściwość ta przyjmuje wartości liczbowe (px, pt, em), procentowe (%).