Aplikacje internetowe CSS - style fontów, tekstu Ciąg dalszy.

Prezentacja na temat: "Aplikacje internetowe CSS - style fontów, tekstu Ciąg dalszy."— Zapis prezentacji:

1 Aplikacje internetowe CSS - style fontów, tekstu Ciąg dalszy

2 Tworzenie wcięcia w tekście Właściwość text-indent umożliwia utworzenie wcięcia w pierwszym wierszu danego elementu. Aby na przykład wstawić w akapicie wcięcie o wielkości 25 pikseli, możesz użyć kodu podobnego do tego: W Oazie Spokoju mamy trzy sauny, dwa baseny wirowe oraz pełnowymiarowy basen do pływania. Choć klienci mogą spędzać w nich dowolnie dużo czasu za niewielką opłatą, to oprócz tego korzystanie z nich jest wliczone w cenę wielu naszych usług. Nie zapomnij zatem zapytać swojego konsultanta o dostępne pakiety usług.

3 Właściwość white-space Przeglądarki zazwyczaj ignorują niemające znaczenia niewidoczne znaki, znajdujące się w dokumencie. Jednak czasami zdarza się, że chcemy, aby te niewidoczne znaki były interpretowane dosłownie, bez konieczności używania znacznika. Używamy wtedy właściwości white-space. Właściwość white-space może przyjąć następujące wartości: normal – ignorowanie niewidocznych znaków, które nie mają żadnego znaczenia pre – tekst zostanie wyświetlony tak, jakby był zawarty w znaczniku nowrap – element nie zostanie zawinięty wokół prawego marginesu w przeglądarce użytkownika

4 Kontrolowanie odstępów między literami i słowami Właściwości letter-spacing oraz word-spacing umożliwiają kontrolowanie odstępów wstawianych między literami oraz między poszczególnymi słowami. Obydwa elementy mogą przyjmować wartość konkretną lub względną, aby określić wielkość odstępów — wartości dodatnie powodują dodanie kolejnych odstępów, natomiast wartości ujemne odstępy te zmniejszają

5 Przykład.normal {letter-spacing: normal}.ciasne {letter-spacing: -.2em;}.luzne {letter-spacing:.2em;}.normalw {word-spacing: normal}.ciasnew {word-spacing: -.2em;}.luznew {word-spacing:.2em;}

6 Definiowanie wielkich liter Za pomocą stylów można również kontrolować występowanie wielkich liter w tekście. Właściwość text-transform może przyjmować jedną z czterech różnych wartości: none – tekst pisany normalnie tak jak został napisany w kodzie capitalize – każdy wyraz pisany z wielkiej litery uppercase – wszystko pisane wielkimi literami lowercase – wszystko pisane małymi literami

7 Definiowanie wielkich liter – przykład.normal { text-transform: none; }.initcaps { text-transform: capitalize; }.upper { text-transform: uppercase; }.lower { text-transform: lowercase; }

8 Dekorowanie tekstu CSS umożliwia zastosowanie w tekście kilku różnych efektów. Większość z nich można osiągnąć, korzystając z właściwości text-decoration. Właściwość text-decoration umożliwia dodanie do tekstu następujących atrybutów: underline – podkreślenie, overline – linia nad tekstem, line-through – przekreślenie, blink – migotanie.

9 Dekorowanie tekstu – przykład Tak jak w przypadku innych właściwości, tak i tutaj wartości można podawać bezpośrednio: Bez dekoracji Podkreślenie Linia nad tekstem Przekreślenie Migotanie