tekstu - Kurs HTML i CSS
HTML5 / Sekcja <section>...miejscach albo nie mają zbyt dużo wolnego miejsca w pomieszczeniu. Zapewnia przyzwoite osiągi sprzętowe.</p> </section> Tak przedstawione bloki tekstu są raczej zbyt obszerne, aby wstawić je w formie listy opisowej. Opisują nie tylko definicję terminów, ale również typowe sposoby użytkowania oraz główne zalety. Z drugiej strony opisy są raczej za mało kompletne, aby zamiast znaczników SECTION użyć ARTICLE. Tak wyrwane z kontekstu sekcje, samodzielnie nie stanowiłyby raczej zbyt...
Układ elastyczny CSS / Przepływ elastyczny {flex-direction, flex-wrap, flex-flow}...określa sposób układania kolejnych elementów wewnątrz układu elastycznego: row - elementy będą układane w wierszach, analogicznie jak wyrazy tekstu w akapitach (domyślnie) row-reverse - ułożenie w wierszach w przeciwnym kierunku (w języku polskim będzie to od prawej do lewej krawędzi kontenera) column - ułożenie pionowo w kolumnach (w języku polskim - od góry do dołu) column-reverse - ułożenie pionowo w kolumnach (w języku polskim - od dołu do góry) Polecenie pozwala sterować...
- HTML5 / Załącznik <figure, figcaption>
...go jako załącznik, najlepiej zdecydować, zadając sobie pytanie: czy moglibyśmy go przenieść na inną podstronę serwisu bez utraty spójności głównego tekstu dokumentu? Bardzo podobne przeznaczenie ma element ASIDE, jednak w odróżnieniu od FIGURE, jego zawartość jest tylko nieznacznie powiązana tematycznie z główną treścią. Na dobrą sprawę taką wstawkę (ASIDE) moglibyśmy zupełnie usunąć z witryny, podczas gdy załącznik (FIGURE) możemy co najwyżej przenieść na inną podstronę, bo inaczej dokument...
- Układ elastyczny CSS / Wyrównanie wiersza {align-items, align-self}
...flex-start - wyrównanie wiersza do początkowej krawędzi kontenera flex-end - do końcowej krawędzi kontenera center - wyśrodkowanie wiersza (dla tekstu w języku polskim - w pionie) baseline - zrównanie linii bazowych (poziomych prostych, łączących podstawy liter tekstu) stretch - rozciągnięcie do obu krawędzi jednocześnie (domyślnie) Polecenie steruje wyrównaniem jednego wiersza wewnątrz kontenera elastycznego, kiedy mają one różną wysokość. Przykład {align-items} align-items...
Obsługa tekstu w JavaScript - String / Konwersja kodu liczbowego na znak Unicode - fromCharCode...String.fromCharCode(char0) String.fromCharCode(char0, char1...) Parametry: Number char0, Number char1... - lista kodów kolejnych znaków tekstu w postaci 16-bitowych liczb naturalnych (0 - 65535) Wartość: String - wartość tekstowa Każdy pojedynczy znak tekstu jest zapisany wewnętrznie w postaci odpowiadającego mu kodu liczbowego. System przechowuje pełną mapę tych kodów, dzięki czemu wiadomo, że np. literze 'a' odpowiada kod 97, 'b' - 98, 'c' - 99 itd. W naszym programie możemy...
- Operacje na tekście w JavaScript - String.prototype / Wyszukiwanie frazy - indexOf
...searchString - poszukiwany tekst Number position - początkowa pozycja poszukiwań (domyślnie: 0) Wartość: Number - pozycja pierwszego znalezionego tekstu Przeszukuje tekst w kierunku jego końca pod kątem występowania w nim innego podanego tekst. Jeżeli tekst nie zostanie znaleziony, funkcja zwraca liczbę -1. Możliwe jest również ograniczenie zakresu poszukiwań do pozycji nie mniejszych niż podana (wartości ujemne są traktowane jak 0). Przypominam, że pierwszy znak tekstu ma pozycję 0, a...
- Operacje na tekście w JavaScript - String.prototype / Dopasowanie wzorca - match
...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 wyrażeniu była zapisana w nawiasie (to działanie jest identyczne jak w przypadku funkcji RegExp.prototype.exec). Natomiast w przypadku dopasowania globalnego - kiedy wyrażenie regularne posiada flagę g - zwracane są wszystkie dopasowane fragmenty tekstu, ale już bez dodatkowych ich części, które w wyrażaniu...
- CSS dla zielonych / Klasy selektorów CSS <div class>
...Robi się to w inny sposób - korzystając z tzw. klas selektorów. Załóżmy, że mamy na stronie menu nawigacyjne, któremu chcemy zmienić kolor tła oraz tekstu. W tym celu najpierw w dokumencie HTML obejmujemy całą zawartość tego menu dodatkowym znacznikiem z przypisanym atrybutem class: <div class="menu-nawigacyjne">...</div> Następnie w arkuszu stylów w miejsce selektora wstawiamy wartość atrybutu class - czyli nazwę klasy - poprzedzoną znakiem kropki: .menu-nawigacyjne { background-color...
- Czcionki CSS / Wariant połączenia znaków czcionki {font-variant-ligatures}
...Wstawianie stylów]. Natomiast jako "warianty" należy podać konkretne ustawienia ligatur, czyli połączeń pomiędzy niektórymi sąsiadującymi literami tekstu. Możliwe są tutaj trzy sposoby: normal - domyślne ustawienia none - zablokowanie ligatur, dzięki czemu możemy np. nieco przyspieszyć wyświetlanie tekstu na ekranie Dowolna liczba poniższych wartości rozdzielonych spacjami: common-ligatures albo no-common-ligatures - włącza lub wyłącza standardowe ligatury discretionary-ligatures albo...
- Dziedziczenie stylów CSS / Resetowanie wszystkich wartości {all}
...pozwala za jednym zamachem zrobić to dla wszystkich cech CSS wybranego elementu na stronie. Wyjątkiem są jedynie własności: direction (kierunek tekstu) i unicode-bidi (algorytm dwukierunkowego tekstu), których wartości nie zostaną zmienione. Ale tak naprawdę zwykle w ogóle nie zaleca się ich używać w języku CSS, ponieważ mają one swoje odpowiedniki w języku HTML. Jednym z przykładowych zastosowań tej własności może być tworzenie widżetów, które często są dostarczane przez podmioty...