Skrócenie nie mieszczącego się tekstu na stronie – CSS text-overflow
Tym razem chcę pokazać jak skrócić tekst nie mieszczący się bloku. Chodzi np. sytuację kiedy tytuł wpisu na blogu chcemy by zawsze był napisany w jednej linii.
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ń.
Zmiana wyglądu pierwszej litery – :first-letter (inicjał)
Z pewnością ładnie jest rozpocząć tekst jak w starych księgach z wyróżnioną pierwszą literą (inicjałem).
Animowana ikona mobilnego menu „Hamburgera”
Tematem jakim zajmę się dzisiaj będzie tzw. Hamburgerowe menu. Jest to menu składające się 3 leżących, równoległych do siebie kresek, przeważnie w ciemnym kolorze.
Efekt Parallax podczas przewijania strony internetowej [CSS]
Efekt Parallax lub inaczej paralaksa to jeden z ciekawszych i jednocześnie łatwiejszych efektów jakie można spotkać na stronie internetowej. Stosowany jest głównie w wersjach strony na komputery bynajmniej nie tylko dlatego, że lepiej się na nich prezentuje.
Wyśrodkowanie obrazka lub tekstu na stronie z pomocą HTML i CSS
Wyśrodkowanie tekstu lub ilustracji na stronie, witrynie internetowej jest stosunkowo prostą czynnością.
Kolor tła oraz tekstu za pomocą HTML i CSS (bgcolor, background)
Kolor tła jak i fontu (czcionki) można zmieniać na rożne sposoby. Twórcy stron internetowych wykorzystują do tego celu głównie CSS ze względu na jego rozbudowane możliwości.
![Jak wykonać przekreślenie tekstu na stronie? <del>, <S> lub text-decoration [CSS]](https://aurainweb.pl/wp-content/uploads/2018/09/kobieta-online.jpg)
Jak wykonać przekreślenie tekstu na stronie? <del>, <S> lub text-decoration [CSS]
Przekreślenie tekstu zamieszczonego na stronie internetowej jest bardzo proste i szybkie w uzyskaniu.
Jak na stronie dodać indeks Górny i/lub Dolny w HTML i/lub CSS?
W języku skryptowym HTML jak i w CSS bardzo łatwo uzyskać efekt mniejszego tekstu u góry (indeks górny <sup>) lub dołu normalnego (indeks dolny <sub>).
Pogrubiony, pochylony lub podkreślony tekst <B>, <I>, <U>
Jedną z najczęściej spotykanych metod wyróżnienia tekstu na stronie internetowej jest jego pogrubienie. Prawdopodobnie dlatego, że pogrubiony font (czcionka elektroniczna) na stronie dużo bardziej rzuca się w oczy – o oczywiście o ile nie przesadzimy.
Rozmiar fontu na stronie – <font>, font-size
Rozmiar fontu (czasami nazywanego również czcionką bądź krojem pisma) na stronie internetowej można zmienić na kilka różnych sposobów.
![Podstawowe kolory na stronie [HTML]](https://aurainweb.pl/wp-content/uploads/2017/01/office2.jpg)
Podstawowe kolory na stronie [HTML]
W przypadku budowy strony internetowej dość ważne jest użycie odpowiednich kolorów.
Nagłówki i podział tekstu na stronie internetowej
Podczas umieszczania tekstu na stronie internetowej bardzo istotne jest by tekst był odpowiednio sformatowany. Zadajcie sobie pytanie jakie teksty czyta się lepiej. Długie ciągłe pozbawione widocznych akapitów? Czy może podzielone na sekcje z ładnymi nagłówkami i akapitami?