Spisie treści
Istnieją dwie właściwości, które pozwalają nam zmieniać i modyfikować tekst w dokumentach HTML5, to są tekst-dekoracja Tak transformacja tekstu, umożliwiają one nadanie im zewnętrznych lub płaskich stylów w celu modyfikacji żądanego tekstu.Stosowanie stylów.
Zobaczmy, co oznacza każda z tych właściwości i jak można je zastosować:
- dekoracja tekstu: Zastosuj dekorację do bloku tekstu, jego możliwe właściwości to: brak, podkreślenie, nadkreślenie, przekreślenie, miganie.
- przekształcenie tekstu: Zastosuj transformację do bloku tekstu, jego możliwe właściwości to: brak, wielkie litery, wielkie litery, małe litery.
Przeanalizujmy następujący przykład, w którym stosujemy obie właściwości do wygenerowania efektu w tekście, zamienimy wszystko na wielkie litery i dodatkowo umieścimy linię pośrodku, aby uzyskać efekt przekreślenia:
PrzykładIstnieje wiele różnych rodzajów owoców - tylko ponad 500 odmian bananów. Zanim dodamy niezliczone rodzaje jabłek, pomarańczy i innych dobrze znanych owoców, stajemy przed tysiącami wyborów. Jednym z najciekawszych aspektów owoców jest odmiana dostępna w każdym kraju. Mieszkam niedaleko Londynu, w okolicy znanej z jabłek.
Teraz zobaczmy, co pokazuje nam przeglądarka, jeśli zauważymy kod, wiemy, że nasz tekst jest kombinacją wielkich i małych liter, a wynik jest inny dzięki transformacja tekstu.
Ten efekt jest dość popularny, ponieważ dzięki dobremu połączeniu możemy osiągnąć poczucie głębi, o którym mówimy cień tekstu, który nie robi nic poza dodaniem cienia do bloku tekstu, a jego właściwości to:,,,, działają one w taki sam sposób, jak cienie elementów HTML.
Pamiętaj, że właściwości h-shadow działają dla cienia poziomego, v-shadow dla pionowego, rozmycie daje nam dyfuzję cienia i koloru dla jego efektów kolorystycznych.
Bez dalszych ceregieli przejdźmy do przykładu, korzystając z tych opcji:
PrzykładIstnieje wiele różnych rodzajów owoców - tylko ponad 500 odmian bananów. Zanim dodamy niezliczone rodzaje jabłek, pomarańczy i innych dobrze znanych owoców, stajemy przed tysiącami wyborów.
Ten kod daje nam następujące wyniki w przeglądarce:
Jak zauważyliśmy, byliśmy w stanie stworzyć dwa rodzaje cieni dla różnych tekstów, tylko zmieniając właściwości atrybutu cień tekstu.
Na tym kończymy tutorial, możemy teraz modyfikować nasz tekst, możemy osiągnąć wiele kombinacji, tak aby nasze strony ożyły i w ten sposób osiągnąć bogate teksty, tak jak zawsze powinniśmy ćwiczyć, aż nie będziemy już musieli oglądać przewodnik, jak wykorzystać to, czego się dzisiaj nauczyliśmy.