Blog o budowie stron i marketingu - Aurelia Sypniewska
Blog o budowie stron i marketingu - Aurelia Sypniewska
HTML i CSS to podstawowe technologie wykorzystywane do budowania i formatowania stron internetowych. HTML odpowiada za strukturę i znaczenie elementów strony, natomiast CSS pozwala określać ich wygląd, rozmieszczenie oraz zachowanie w różnych sytuacjach.
W tej kategorii znajdziesz poradniki i przykłady kodu, które pomogą Ci poznać te technologie i wykorzystać je w praktyce. Omawiam między innymi znaczniki HTML, selektory i właściwości CSS, formatowanie tekstu, listy, tabele, formularze, menu nawigacyjne oraz efekty wizualne.
Materiały mogą być przydatne osobom rozpoczynającym naukę tworzenia stron WWW, a także tym, którzy znają już podstawy i chcą przypomnieć sobie konkretne rozwiązania lub znaleźć sposób na wykonanie wybranego elementu strony.
Jeśli wolisz uczyć się według uporządkowanego planu, zajrzyj również na stronę kursu HTML i CSS, gdzie znajdziesz materiały pogrupowane według zagadnień.
Menu na stronie internetowej odgrywa bardzo istotną rolę. W większości ogranicza się ona do bycia jedynie nawigacją ułatwiającą poruszanie się wewnątrz witryny (nie zawsze poprawnie zbudowaną). Menu potrafi być także ciekawą dekoracją nadającą stronie wyjątkowy wygląd i charakter.
Właściwość text-transform (z języka ang. transformacja tekstu) jest jedną z popularniejszych metod modyfikacji tekstu. Zadaniem własności jest zmiana wysokość liter np. z małych na wielkie. Przyjmuje ona następujące własność:
Dziś pokaże wam jak zrobić prostą świąteczną animacje – padający śnieg z pomocą grafiki, HTML i 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.
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.
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).
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 (%).
Podczas zaznaczania tekstu (lub tylko jego fragmętu) na stronie internetowej tło umieszczone bezpośrednio pod nim zmienia on kolor np. na ciemno niebieski, modrakowy (w zależności od przeglądarki internetowej).
Dzisiaj omówię dwie bardzo użyteczne właściwości CSS czyli margin i padding.
Animacje aktywowane efektem typu hover (po najechaniu kursorem myszy) są zawsze ciekawym dodatkiem na stronie internetowej. Możliwe jest to dzięki CSS3, który wprowadził wiele ciekawych rozwiązań w strukturze, wyglądzie i zachowaniu strony.
Tym razem pokażę jak w prosty sposób wykonać ciekawą animacje na zdjęciach z użyciem CSS i JavaScript (jQuery) lub z samym CSS. Tym razem pokażę jak w prosty sposób wykonać ciekawą animacje na zdjęciach z użyciem CSS i JavaScript (jQuery) lub z samym CSS.
Zadaniem właściwości CSS letter-spacing jest ustawianie odległości (odstępów) pomiędzy poszczególnymi literami słowa w tekście.
![text-transform [CSS] – zmiana wielkości liter](https://aurainweb.pl/wp-content/uploads/2017/01/pens.jpg)
![Podział tekstu na równej szerokości kolumny – Multiple Columns [CSS]](https://aurainweb.pl/wp-content/uploads/2017/11/podzial-tekstu-na-kolumny.jpg)
![Kierunek pisania tekstu właściwość direction / unicode-bidi [CSS]](https://aurainweb.pl/wp-content/uploads/2017/01/notes.jpg)
![Dodawanie wcięć akapitowych na stronie internetowej z pomocą – text-indent [CSS]](https://aurainweb.pl/wp-content/uploads/2018/06/kod.jpg)
