style - Kurs HTML i CSS
Komendy CSS3 / Czcionki CSS...CSS Fonts Module Level 3 Spis treści font font-family font-feature-settings font-kerning font-size font-size-adjust font-stretch font-style font-synthesis font-variant font-variant-caps font-variant-east-asian font-variant-ligatures font-variant-numeric font-variant-position font-weight font Atrybuty mieszane czcionki Wartość [ [ <'font-style'> || <font-variant-css21> || <'font-weight'> || <'font-stretch'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ]...
XHTML / Typy MIME dokumentów XHTML...PROBLEMY Z WYŚWIETLENIEM DOKUMENTU! * @global bool $XML */ $XML = false; /** * Arkusze CSS wraz z mediami (opcjonalnie). * Przykłady: * - 'style.css', * - 'style.css"all', * - 'style.css print.css"print'. * @global string $CSS */ $CSS = ''; ////////////////////////////////////////////////// if (defined('CSS')) $CSS .= ' '.CSS; $CSS = trim($CSS); if ($CSS == '') $CSS = array(); else { $CSS = preg_split('/\s+/', $CSS); foreach ($CSS as $i => $css) $CSS[$i] = explode...
- HTML dla zielonych / Łączenie znaczników i atrybutów HTML <p "text-align", span "font-size, color", b, i, u>
...akapit, wielkość czcionki, kolor czcionki, pogrubienie, pochylenie, przekreślenie) dotyczące tekstu można łączyć, np. po wpisaniu w edytorze: <p style="text-align: center"><span style="font-size: large; color: red"><b><i><u> To jest jakiś tekst </u></i></b></span></p> otrzymamy: To jest jakiś tekst Zauważ, że znaczniki zamykamy w kolejności odwrotnej jak je otwieraliśmy. Czyli najpierw zamykamy znacznik, który został otwarty jako ostatni (w naszym przykładzie jest to: <u>), a na końcu...
- HTML dla zielonych / Jak zrobić dobrą stronę HTML
...koniecznie podporządkować się takiemu kanonowi, lecz jeżeli chcesz uzyskać podobną strukturę, we właściwej treści strony (BODY) wpisz np.: <header style="text-align: center">Tutaj można umieścić logo serwisu</header> <nav style="width: 300px; float: left; overflow: hidden"> Tu umieszcza się odsyłacze spisu treści </nav> <article style="margin-left: 320px"> Tu wpisuje się treść strony </article> <footer style="text-align: center; clear: both">Tutaj można umieścić stopkę serwisu</footer> a...
- Wstawianie stylów CSS / Import arkusza stylów @import
<style> @import url(adres zewnętrznego arkusza stylów); </style> Polecenie można wstawić zarówno w wewnętrznym jak i zewnętrznym arkuszu stylów. Pozwala wczytać zewnętrzny arkusz stylów, przy czym może się on znajdować na tym samym serwerze (wtedy można podać względną ścieżkę dostępu) lub w dowolnym miejscu w obrębie całego Internetu (wtedy podajemy adres internetowy). Po wczytaniu, zostanie on automatycznie dołączony do strony. Oprócz importu arkusza, możesz umieścić pomiędzy znacznikami...
- Tekst CSS / Wyrównanie tekstu {text-align}
...Jak wyrównać tekst do lewej CSS? Aby wyrównać tekst do lewej w CSS, użyj właściwości text-align i ustaw wartość na left, na przykład <p style="text-align: left">...</p>. Co robi "text-align justify"? Deklaracja CSS "text-align: justify" wyrównuje tekst do obu marginesów, tworząc efekt wyjustowanego tekstu, gdzie odstępy między słowami są dostosowywane tak, aby linie tekstu miały równe długości. Jak wyrównać tekst do obu marginesów? Aby wyrównać tekst do obu marginesów...
- Obramowanie CSS / Szerokość obramowania {border-...-width}
...specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację obramowania Przykład {border-top-width} border-top-width: 5mm; border-top-style: solid border-top-width: thin; border-top-style: solid border-top-width: medium; border-top-style: solid border-top-width: thick; border-top-style: solid
- Obramowanie CSS / Atrybuty mieszane szerokości obramowania {border-width}
...skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację obramowania Przykład {border-width} border-width: 2mm; border-style: solid border-width: thin thick; border-style: solid border-width: thin thick medium; border-style: solid border-width: thin medium thick 3mm; border-style: solid
- Obramowanie CSS / Atrybuty mieszane koloru obramowania {border-color}
...skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację obramowania Przykład {border-color} border-color: red; border-style: solid border-color: red blue; border-style: solid border-color: red blue green; border-style: solid border-color: red blue green #eb3; border-style: solid
- Pozycjonowanie CSS / Nakładanie {z-index}
...do tworzenia i obróbki grafiki komputerowej. Przykład {z-index} Oto przykład normalnego pozycjonowania (bez użycia z-index). Po wpisaniu: <img style="width: 100px; height: 75px; position: relative" src="obrazek.jpg" alt="..."><br> <img style="position: relative; left: 84px; bottom: 91px" src="punkt.gif" alt="..."> Otrzymamy: A to przykład z użyciem z-index. Po wpisaniu: <img style="width: 100px; height: 75px; position: relative; z-index: 2" src="obrazek.jpg" alt="..."><br> <img...