wstawianie tekstu - Kurs HTML i CSS
Tekst CSS / Kolor tekstu {color}...czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "kolor" należy podać definicję koloru. Polecenie pozwala ustalić dowolny kolor tekstu. Jeśli definiowane własności mają odnosić się do całej strony (np. kolor tekstu na całej stronie), można użyć selektora BODY lub HTML. Przykład {color} kolor red kolor #66AAFF kolor #69C kolor rgb(255,33,170) kolor rgb(25%,75%,75%) kolor systemowy Highlight Pytania i odpowiedzi {color} Która właściwość CSS służy do zmiany...
- Czcionki CSS / Wariant wielkości liter czcionki {font-variant-caps}
...tekst napisany wielkimi literami, lecz czcionką o wysokości zbliżonej np. do małej litery "x" all-small-caps - kapitaliki zastosowane do całego tekstu bez względu, czy oryginalnie znajdowały się w nim małe czy wielkie litery petite-caps - niższe kapitaliki (jeżeli czcionka nie zawiera takiego wariantu, działa tak samo jak small-caps) all-petite-caps - niższe kapitaliki zastosowane do całego tekstu bez względu, czy oryginalnie znajdowały się w nim małe czy wielkie litery (jeżeli czcionka...
- Tekst CSS / Dekoracja tekstu {text-decoration}
...jako "dekoracja" należy podać: none - bez zmian underline - podkreślenie line-through - przekreślenie overline - nadkreślenie blink - migotanie tekstu (nieobsługiwane w nowych przeglądarkach) Polecenie umożliwia na wybór określonej dekoracji tekstu (np. podkreślenie). Migotanie może nie być interpretowane przez wszystkie przeglądarki! Przykład {text-decoration} dekoracja none dekoracja underline dekoracja line-through dekoracja overline dekoracja blink (tylko starsze...
- Tekst CSS / Wysokość linii tekstu {line-height}
...wynosi 1cm... Pytania i odpowiedzi {line-height} Co to jest "line-height"? line-height to właściwość CSS, która określa odstęp między liniami tekstu wewnątrz danego elementu. Może być wyrażona jako wartość liczbową, jednostkę (np. piksele) lub jako współczynnik wielkości czcionki. Kontroluje ona wysokość wirtualnego prostokąta obejmującego pojedynczą linię tekstu, a nie tylko samą wysokość czcionki. Jak zmienić interlinię w CSS? Aby zmienić interlinię w CSS, użyj właściwości...
- Tekst CSS / Białe znaki w tekście {white-space}
...należy zrobić, aby je zobaczyć? Białe znaki to symbole w tekście, które nie są widoczne jako drukowane znaki, ale wpływają na formatowanie i układ tekstu. Aby zobaczyć białe znaki w edytorze HTML, można włączyć tryb wyświetlania znaków specjalnych, który zazwyczaj jest dostępny w menu (np. "Widok / Pokaż białe znaki" - ang. "View / Show white space") lub ustawieniach programu. Czy spacja jest znakiem specjalnym? Tak, spacja jest uważana za znak specjalny w kontekście programowania i...
- Tabele CSS / Rozplanowanie tabeli {table-layout}
...znajduje się tylko obrazek lub inny element o ustalonych rozmiarach, to określa on minimalną możliwą szerokość takiej komórki. Natomiast w przypadku tekstu będzie to zwykle szerokość najdłuższego wyrazu (biorąc pod uwagę, że tekst może się zawijać do następnych linii). Maksymalna możliwa szerokość to największy rozmiar, do którego można rozszerzyć komórkę tak, aby nie powstały wolne przestrzenie po lewej ani po prawej jej stronie. Jeżeli w komórce znajduje się tylko obrazek lub inny element o...
- Selektory elementów CSS / Selektor potomka
...umieszczona następująca reguła: p b { color: red } Dzięki temu, jeśli wewnątrz znacznika p (akapit) znajdzie się znacznik b (czyli pogrubienie tekstu), to zostanie on automatycznie napisany czcionką koloru czerwonego: To jest akapit, a to jest pogrubienie (czerwone), umieszczone wewnątrz tego akapitu oraz wewnątrz znacznika tekstu pochylonego. A to jest pogrubienie (czerwone) bezpośrednio w akapicie, które nie zawiera się w znaczniku pochylenia. Zwróć uwagę, że pogrubienie (potomek) nie...
- Czcionki CSS / Odległość między znakami czcionki {font-kerning}
...należy wpisać: auto - przeglądarka sama zdecyduje, jaki tryb zastosować (domyślnie) - np. aby poprawić czytelność, może wyłączyć kerning dla małego tekstu normal - wymuszenie kerningu none - zablokowanie kerningu Aby tekst wyglądał estetycznie, odległości między wszystkimi sąsiadującymi znakami powinny być podobne. Kształt niektórych par liter powoduje jednak, że kiedy występują obok siebie, stwarzają wrażenie, jakby odstęp pomiędzy nimi był większy niż w rzeczywistości. Typowym...
- Czcionki CSS / Wariant pozycji czcionki {font-variant-position}
...i <sup>...</sup> służące do tworzenia indeksów dolnych i górnych w tekście. Co więcej w języku CSS mamy dodatkowo możliwość ustalania pozycji tekstu w pionie formatując nawet zwykły tekst w taki sposób, aby wyglądał jak indeks dolny lub górny: "vertical-align: sub" i "vertical-align: super". Jest jednak pewna wada obu tych metod. Aby indeks dolny czy górny zmieścił się w tekście i nie zachodził na sąsiadujące wiersze, wysokość linii musi zostać nieco powiększona. Powoduje to...
- Tło CSS / Tło obrazkowe {background-image}
...tło przyjmie podany kolor. Ponadto jeżeli obrazek posiada przezroczystość (np. format *.gif), zostanie ona zastąpiona podanym kolorem. Jeśli kolor tekstu elementu z tłem obrazkowym jest zbliżony do domyślnego koloru tła strony, wskazane jest podanie dodatkowo takiego koloru tła dla tego elementu, aby tekst był na nim czytelny. Jeżeli tego nie zrobimy, a obrazek nie zostanie wyświetlony, może wystąpić sytuacja typu: "biały tekst na białym tle". Może się to zdarzyć np. gdy obrazek w tle...