tekst - Kurs HTML i CSS
Oprawa graficzna / "Duszki" CSS...krawędzi arkusza - nie zawiera się w samym obrazku): Pionowe menu Najmniej problemu jest z elementami, które będą stanowić zwyczajne tło pod tekstem. Tak jest w przypadku menu pionowego, opisanego wcześniej w rozdziale Menu w CSS. Tutaj wykonamy go przy wykorzystaniu "duszków". <ul> <li><a href="czcionki.html">Czcionki</a></li> <li><a href="tekst.html">Tekst</a></li> <li><a href="tlo.html">Tło</a></li> <li><a href="marginesy.html">Marginesy</a></li> <li><a...
Odsyłacze HTML / Odsyłacz obrazkowy <a href, img><a href="adres"><img src="ścieżka dostępu do obrazka" alt="tekst alternatywny"></a> adres Wartość tworzona analogicznie jak w przypadku odsyłaczy do: podstrony, etykiety, adresu internetowego, poczty e-mail czy dowolnych innych odsyłaczy (w zależności od wybranego typu odsyłacza). ścieżka dostępu do obrazka Lokalizacja na dysku, gdzie znajduje się żądany plik obrazka. tekst alternatywny Informacja prezentowana, jeśli obrazek nie zostanie wyświetlony. Do tej pory w tym rozdziale...
- Wstawianie stylów CSS / Wydzielone bloki <div style>
...natomiast SPAN: XXXXXXXXXXXXXXXXXXXXXXXXw liniiXXXXXXXXXXXXXXXXXXXXXXXX Generalnie element blokowy (DIV) może zawierać wewnątrz siebie zwykły tekst, jak również inne elementy blokowe. Został on pomyślany do tworzenia obszerniejszych struktur. Natomiast elementy wyświetlanie w linii (SPAN) nie mogą zawierać elementów blokowych, ale mogą inne elementy wyświetlane w linii oraz zwykły tekst. Wewnątrz DIV można oczywiście wpisać również SPAN [Aby dowiedzieć się więcej, zobacz: Wyświetlanie]...
- Czcionki CSS / Waga czcionki {font-weight}
selektor { font-weight: waga } 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 "waga" należy wpisać: Wartości absolutne: normal - czcionka normalna (podstawowa) bold - czcionka pogrubiona 100, 200, 300, 400 (odpowiednik "normal"), 500, 600, 700 (odpowiednik "bold"), 800, 900 - każdy następny numer wskazuje wagę czcionki przynajmniej tak samo wytłuszczonej jak dla poprzedniej...
- Tekst CSS / Odstęp między literami tekstu {letter-spacing}
selektor { letter-spacing: odstęp } 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 "odstęp" należy podać konkretną wielkość odstępu między poszczególnymi literami używając jednostek długości. Wpisanie "normal" przywróci wartość domyślną. Polecenie to pozwala ustalić odstęp pomiędzy wszystkimi poszczególnymi literami w wyrazach bloku. Dzięki temu cały tekst w linijce może być...
- Kolory CSS / Wykaz kolorów systemowych
... GrayText Grayed (disabled) text. This color is set to #000 if the current display driver does not support a solid gray color Kolor tekstu na zablokowanych elementach Highlight Item(s) selected in a control Wybrana pozycja HighlightText Text of item(s) selected in a control Tekst wybranej pozycji InactiveBorder Inactive window border Obramowanie nieaktywnego okna InactiveCaption Inactive window caption Nagłówek nieaktywnego okna ...
Aktualizacja / Nowość...miesiac, rok, godzina, minuta, napis, obrazek) { var obrazek_domyslny = 'nowosc.gif'; // lokalizacja obrazka var napis_domyslny = 'NOWOŚĆ'; // tekst alternatywny if (typeof obrazek == 'undefined') obrazek = obrazek_domyslny; if (typeof napis == 'undefined') napis = napis_domyslny; if (typeof godzina == 'undefined') godzina = 0; if (typeof minuta == 'undefined') minuta = 0; if (new Date(rok, miesiac-1, dzien, godzina, minuta) > new Date()) document.write(obrazek ? '<img...
- Układ wielokolumnowy CSS / Linia rozdzielająca kolumn {column-rule-color, column-rule-style, column-rule-width, column-rule}
...stylu i koloru linii rozdzielającej. Czasami samo oddzielenie kolumn odstępem nie jest wystarczające, aby czytelnik mógł wygodnie przeczytać cały tekst oraz już na pierwszy rzut oka widział, że treść w ogóle jest podzielona na kolumny. Wtedy możemy pomiędzy sąsiednimi kolumnami wstawić dodatkowo pionową linię rozdzielającą. Jest ona wyświetlana zawsze na środku przestrzeni między kolumnami. Sama linia rozdzielająca nie zabiera miejsca z szerokość elementu wielokolumnowego. Jeśli jej grubość...
- 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 / Łączenie kolumn {column-span}
...Aby odwołać łączenie kolumn, należy podać wartość none. Zdarzają się sytuacje, kiedy chcemy wyskoczyć z ustalonego podziału tekstu na kolumny. Może to mieć miejsce np. w przypadku tytułów, które rozpoczynają kolejny artykuł albo nową sekcję w artykule. Mamy możliwość rozciągnięcia tytułu na szerokość wszystkich kolumn. Wcześniejsze kolumny tekstu będą się kończyć ponad tytułem, a następne zaczynać poniżej niego. Zatem nie mamy tutaj do czynienia z sytuacją spotykaną...