tekst - Kurs HTML i CSS
Pozycjonowanie CSS / Ustawienie {float, vertical-align}...Polecenie pozwala zdefiniować ustawienie danego elementu względem elementów, które z nim sąsiadują. Dzięki temu możemy ustalić sposób "oblewania" tekstem elementu pływającego (np. obrazka). Przykład {float} float: left... float: left... float: left... float: left... float: left...float: left... float: left... float: left... float: left... float: left...float: left... float: left... float: left... float: left... float: left...float: left... float: left... float: left... float: left...
- Układ wielokolumnowy CSS / Multi-column layout
...inaczej niż w gazecie właściwa treść artykułu znajduje się w pojedynczej kolumnie, a pozostałe kolumny są przeznaczone na menu lub inne elementy kontekstowe (popularne odnośniki, inne podobne artykuły czy reklamę). Jest to zatem sytuacja zupełnie inna, choć w wielu przypadkach całkowicie pożądana. Gazetowy układ wielokolumnowy teoretycznie można próbować symulować za pomocą tabel. Ma to jednak spore wady, które praktycznie dyskwalifikują takie rozwiązanie: Inaczej niż w prawdziwym...
HTML5 / Uwydatnienie <mark>(interpretuje: Internet Explorer 9, Firefox 4, Opera 11.5, Chrome 7) <mark>...</mark> Zaznacza lub uwydatnia tekst w jednym dokumencie, w celu odwołania się do niego w innym kontekście. Uwydatnienia możemy użyć w przytaczanym cytacie. W ten sposób wskazujemy, że chcemy zwrócić szczególną uwagę czytelnika na oznaczony w ten sposób fragment i właśnie po to przytaczamy cały cytat. Mogą to być np. fragmenty cytatu, z którymi się nie zgadzamy i dalej w artykule przedstawiamy nasze własne...
Operacje na tekście w JavaScript - String.prototype / Wyszukiwanie wzorca - search...Parametry: RegExp regexp - wyrażenie regularne Wartość: Number - pozycja pierwszego znalezionego dopasowania Przeszukuje tekst pod kątem występowania w nim podanego wzorca - wyrażenia regularnego. Jeżeli tekst nie zostanie dopasowany, funkcja zwraca liczbę -1. Przypominam, że pierwszy znak tekstu ma pozycję 0, a więc taka wartość zwrócona przez funkcję oznacza, że poszukiwany tekst został znaleziony (na samym początku). Jeżeli chcesz znaleźć pozycję z góry znanej...
- Operacje na wyrażeniach regularnych - RegExp.prototype / Dopasowanie wzorca - exec
RegExp.prototype.exec(string) Parametry: String string - dopasowywany tekst Wartość: Array - tablica dopasowań z dodatkowymi właściwościami: Number index - pozycja w tekście (licząc od zera), gdzie został dopasowany wzorzec String input - wartość argumentu string Null - tekst nie został dopasowany do wyrażenia regularnego Próbuje dopasować tekst do podanego wzorca - wyrażenia regularnego. Jeżeli się to uda, zwraca pierwszy dopasowany fragment tekstu oraz każdą jego część, która w...
- Format wymiany danych - JSON / Przekształcanie tekstu JSON na obiekty JavaScript - parse
(interpretuje: Internet Explorer 8, Firefox 3.5, Opera 10.50, Chrome) JSON.parse(text) JSON.parse(text, reviver) Parametry: String text - tekst w formacie JSON Function reviver - funkcja przekształcająca wartości, przyjmująca argumenty: String key - klucz danych albo pusty tekst Object|Array|String|Boolean|Number|Null value - wartość danych Wartość: Object - obiekt Array - tablica String - tekst Boolean - wartość logiczna Number - liczba Null - nic Wyjątki: SyntaxError - text...
- Format wymiany danych - JSON / Przekształcanie obiektów JavaScript na JSON - stringify
...replacer - tablica zawierająca nazwy dozwolonych kluczy albo funkcja filtrująca, przyjmująca argumenty: String key - klucz danych albo pusty tekst Object|Array|String|Boolean|Number|Null value - wartość danych Number|String space - wcięcie (domyślnie: "") Wartość: String - tekst w formacie JSON Wyjątki: TypeError - dane zawierają strukturę cykliczną (o nieskończonym rekurencyjnym zagnieżdżeniu) Przekształca wartości proste i obiekty JavaScript na tekst zapisany w formacie...
- CSS dla zielonych / Wyrównanie tekstu CSS {text-align}
...Dzięki temu będzie on bardziej czytelny dla użytkownika. W pojedynczym dokumencie HTML może się znajdować wiele oddzielnych akapitów. Co zrobić, aby tekst w każdym z nich był ułożony tak samo? Dzięki możliwościom jakie dają style CSS, nie musimy tego robić dla każdego akapitu osobno. Wystarczy że w arkuszu CSS wpiszemy następującą regułę stylów: p { text-align: wyrównanie; } Dzięki temu tekst we wszystkich akapitach na stronie zostanie wyrównany w określony sposób: left - wyrównanie...
- Czcionki CSS / Wariant liczb czcionki {font-variant-numeric}
...Firefox 34, Opera 39, Chrome 25) selektor { font-variant-numeric: warianty } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "warianty" należy podać konkretne ustawienia formatowania liczb w tekście. Możliwe są tutaj dwa sposoby: normal - domyślne ustawienia Dowolna liczba poniższych wartości rozdzielonych spacjami: ordinal - liczba porządkowa, np. w języku...
- Dziedziczenie stylów CSS / Przywrócenie wartości pierwotnej {...: revert}
...Każda przeglądarka ma wbudowany domyślny arkusz stylów. Dzięki niemu nawet jeśli nie dołączymy żadnych własnych stylów do dokumentu, to np. tekst zawarty w znaczniku B i tak będzie pogrubiony. To bardzo przydatna funkcja, bo przeglądarka w ten sposób załatwia za nas sporo pracy. Może się jednak zdarzyć, że w naszym arkuszu stylów zmienimy sposób formatowania jakiegoś elementu, ale potem będziemy chcieli przywrócić mu pierwotny wygląd. Oczywiście najprostszym sposobem byłoby po prostu...