tekstu - Kurs HTML i CSS
Selektory pseudoklas CSS / Blokada :disabled :enabled...blokada kontrolki. Zablokowane pole w większości przeglądarek wyświetlane jest w formie wyszarzonej. Użytkownik nie może do niego wpisywać żadnego tekstu ani go włączyć (w przypadku kontrolek typu przełącznik). Blokadę ustala się poprzez przypisanie atrybutu disabled. W odróżnieniu od pól w stanie tylko do odczytu (atrybut readonly), pola zablokowane nie są w ogóle wysyłane w formularzu. Pole odblokowane to natomiast takie, które nie posiada atrybutu disabled (domyślnie). Przykład :disabled...
- Selektory pseudoklas CSS / Negacja :not
...atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Wyobraźmy sobie sytuację, kiedy chcemy zmienić kolor całego tekstu na stronie z wyjątkiem np. tabelek. Moglibyśmy to zrobić, przypisując najpierw określony kolor całemu tekstowi, a następnie przywracając kolor domyślny wszystkim tabelom. Łatwiej będzie jednak takie działanie połączyć w pojedynczym selektorze negacji. Jeszcze ciekawsze efekty możemy uzyskać poprzez połączenie negacji z bardziej złożonymi...
- Selektory elementów CSS / Ogólny selektor braci
...(nie powinno być czerwone) wewnąrz pochylenia (nie powinno być czerwone). Tutaj kończy się akapit. Zwróć uwagę, że pomiędzy braćmi, oprócz zwykłego tekstu, znajduje się dodatkowo znacznik klawiatury (kbd) i mimo to nie zaburza on działania selektora, gdyż jest innego typu niż bracia wyszczególnieni w regule stylów. Ponadto warto zauważyć, że inaczej niż dla podstawowego selektora braci, w tym przypadku formatowanie otrzymują również wszystkie następne znaczniki typu brat2, a nie tylko...
- Układ wielokolumnowy CSS / Odstęp kolumn {column-gap}
...odstęp, należy podać wartość normal. Sąsiadujące kolumny z tekstem nie powinny do siebie bezpośrednio przylegać, gdyż wywołałoby to zlewanie się tekstu na krawędzi kolumn. Temu nieprzyjemnemu efektowi może skutecznie zapobiegać przerwa między kolumnami. Warto mieć na uwadze, że wartość domyślna tego odstępu (normal) zależy od konkretnej przeglądarki i wcale nie musi być równa zero. W obecnej wersji specyfikacja CSS nie pozwala ustalać różnego odstępu kolumn tego samego elementu. Przykład...
- Układ wielokolumnowy CSS / Przełamanie kolumny {break-before, break-inside, break-after}
...sekcji, czyli np. zaraz po poziomej linii: hr { break-after: column } Wreszcie w pewnych przypadkach może nam zależeć, aby wybrany fragment tekstu - np. akapit - nigdy nie został przełamany do następnej kolumny: p { break-inside: avoid-column } Przykład {break-after} To jest przykładowa treść, ułożona w wielu sąsiadujących kolumnach. break-after: column; Tekst jest automatycznie przenoszony z końca jednej kolumny na początek sąsiedniej, leżącej po jej prawej stronie... To jest...
- Układ wielokolumnowy CSS / Wypełnienie kolumn {column-fill}
...elementu (ma sens tylko, jeśli jednocześnie określimy wysokość elementu, który zawiera kolumny) Przeglądarka stara się zawsze zrównoważyć kolumny tekstu w taki sposób, aby możliwie wszystkie (oprócz ostatniej) miały taką samą wysokość i nie było żadnej wolnej przestrzeni z prawej strony elementu. Oznacza to, że nawet jeśli ustalimy wysokość elementu, kolumny mogą być od niej niższe, jeśli treści nie będzie wystarczająco dużo, aby wypełnić cały element nie tylko na szerokość, ale i na...
HTML5 / Ewolucja języka HTML...służący do tworzenia stron internetowych. Dokument HTML jest plikiem tekstowym, w którym wpisujemy wszystkie polecenia dotyczące formatowania tekstu, wstawiania grafiki i inne. Jak sprawdzić czy przeglądarka obsługuje HTML5? Przejdź na stronę pt. Czy mogę używać..., a następnie w sekcji HTML5 zobacz, które przeglądarki poprawnie wspierają różne elementy tego języka. Jaką mam wersję Chrome? Przeglądarka Google Chrome aktualizuje się automatycznie. Zatem prawdopodobnie masz...
- HTML5 / Nowe atrybuty HTML5
...używana podczas przetwarzania obrazka do prezentacji dirname INPUT, TEXTAREA Nazwa kontrolki formularza używana do przesyłania kierunku tekstu elementu podczas wysyłania formularza disabled FIELDSET Czy potomne kontrolki formularza, z wyjątkiem tych wewnątrz elementu LEGEND, są wyłączone disabled LINK (rel="stylesheet") Czy arkusz stylów jest zablokowany download A, AREA Czy pobrać zasób zamiast nawigować do niego oraz jego nazwa pliku, jeśli tak draggable...
- HTML5 / Artykuł <article>
...znacznik ARTICLE czy SECTION, trzeba sobie odpowiedzieć na pytanie, czy ta część treści nie utraci swojego pierwotnego sensu, jeśli wyrwiemy ją z kontekstu pozostałego tekstu na stronie oraz czy samodzielnie byłaby wystarczająco wartościowa dla czytelnika. Jeżeli tak, to raczej powinniśmy wykorzystać znacznik ARTICLE. Na użycie tego elementu może wskazywać również sytuacja, kiedy objętą nim część dokumentu moglibyśmy swobodnie opublikować w swoim kanale RSS (nawet jeśli formalnie tego nie...
- Układ elastyczny CSS / Flexbox
...bloków były z góry znane. W praktyce z taką sytuacją rzadko mamy do czynienia, gdyż nie jesteśmy w stanie od razu dokładnie przewidzieć, ile tekstu będą zawierać artykuły, opublikowane w serwisie. Rozwiązaniem miało być płynne ustalanie pozycji przy pomocy właściwości float [zobacz: Szablon strony na DIV-ach]. I rzeczywiście w większości typowych zastosowań taki sposób był zupełnie wystarczający. Niestety w pewnych szczególnych przypadkach miał podobne ograniczenia jak pozycja...