Blog o budowie stron i marketingu - Aurelia Sypniewska
Blog o budowie stron i marketingu - Aurelia Sypniewska
Dzisiaj pokażę wam jak w bardzo prosty sposób stworzyć przezroczysty napis z obramowaniem na stronę internetową korzystając jedynie z HTML i CSS. Do wykonania tego efektu będzie nam też potrzebna podstawowa wiedza z obu tych języków + kilka mniej znanych właściwości CSS.
Dzisiaj pokażę wam jak w bardzo prosty sposób dodać cytat na stronę internetową. Do tego celu użyjemy znaczników kodu HTML – <blockquote> oraz <q>. Pierwszy z nich tworzy blok tekstowy, w którym umieścimy treść cytatu. Drugi zaś to bardzo krótki cytat na stronę.
W tym wisie omówię, kilka powiązanych ze sobą właściwości CSS. Zadaniem ich jest wyrównanie (pozycjonowanie, układanie) tekstu na stronie.
Właściwość CSS word-spacing służy do określania wielkość odstępów pomiędzy wyrazami występującymi w danym tekście na stronie internetowej.
Z pomocą właściwości CSS line-height możemy wpływać na wielkość odstępów pomiędzy wierszami tekstu. Czyli dodać jak w edytorze tekstu Interlinię, dzięki której lepiej dostosujemy tekst lepiej do naszych potrzeb.
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ść:
Dzisiaj omówię dwie bardzo użyteczne właściwości CSS czyli margin i padding.
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.
Wyśrodkowanie tekstu lub ilustracji na stronie, witrynie internetowej jest stosunkowo prostą czynnością.
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.
Przekreślenie tekstu zamieszczonego na stronie internetowej jest bardzo proste i szybkie w uzyskaniu.
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>).
![Jak zrobić cytat na stronie < blockquote >, < q >?[HTML]](https://aurainweb.pl/wp-content/uploads/2019/10/office-10.jpg)
![Odstępy między wierszami tekstu z line-height [CSS] – Interlinia](https://aurainweb.pl/wp-content/uploads/2019/05/book6.jpg)
![text-transform [CSS] – zmiana wielkości liter](https://aurainweb.pl/wp-content/uploads/2017/01/pens.jpg)
![Jak wykonać przekreślenie tekstu na stronie? <del>, <S> lub text-decoration [CSS]](https://aurainweb.pl/wp-content/uploads/2018/09/kobieta-online.jpg)
