style html - Kurs HTML i CSS
HTML dla zielonych / Wielkość czcionki HTML <span "font-size"><span style="font-size: rozmiar">Tu wpisz tekst</span> gdzie jako "rozmiar" należy wpisać: xx-small Czcionka najmniejsza x-small Czcionka bardzo mała small Czcionka mała medium Czcionka średnia large Czcionka duża x-large Czcionka bardzo duża xx-large Czcionka największa Przykład <span "font-size"> <span style="font-size: xx-small">Czcionka o rozmiarze xx-small</span> Czcionka o rozmiarze xx-small <span style="font-size: x-small">Czcionka o rozmiarze x-small</span> Czcionka o...
Menu rozwijane, otwierane, wysuwane / Skrypt menu rozwijanego, otwieranego, wysuwanego...Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) */ function Menu(id, style, otworz, wysun, czasRozwin, czasZwin, czasOtworz, czasZamknij, nieInicjalizuj) { if (typeof czasRozwin == 'undefined' || czasRozwin < 0) czasRozwin = 25; if (typeof czasZwin == 'undefined' || czasZwin < 0) czasZwin = 25; if (typeof czasOtworz == 'undefined' || czasOtworz < 0) czasOtworz = 250; if (typeof czasZamknij == 'undefined...
- 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...
Dobre praktyki / Przykazania webmastera...zakładaj, że wszyscy użytkownicy posiadają tak szybkie łącze jak Twoje Sprawdzaj poprawność składni HTML Dobre praktyki CSS Nie używaj atrybutu style="..." Unikaj stosowania deklaracji !important Nie wstawiaj wewnętrznego arkusza stylów, który powtarza się na kilku podstronach Minimalizuj liczbę osobnych plików arkuszy CSS Unikaj importowania arkuszy stylów Wersjonuj pliki *.css i pliki graficzne w nich zawarte Gdzie to tylko możliwe, staraj się skracać zapis w regułach stylów...
- Tekst HTML / Wykaz <ul, ol, li>
...innym kolorem Stosując pewną "sztuczkę", można uzyskać wykaz, którego wyróżniki (markery) będą miały inny kolor niż reszta tekstu: <ul style="color: red"> <li><span style="color: black">Punkt pierwszy</span></li> <li><span style="color: black">Punkt drugi</span></li> <li><span style="color: black">Punkt trzeci</span></li> </ul> gdzie w miejsce wyróżnionych wyrazów należy wpisać definicje kolorów, przy czym "red" oznacza kolor, jaki mają przyjąć wyrózniki, natomiast "black...
- Skórki
...się być dość skomplikowana, tak naprawdę absolutnie nie ma potrzeby budowania drugiej wersji strony dla każdej kolejnej skórki. Z pomocą przychodzą style CSS, które wręcz idealnie do tego się nadają. Do przygotowania nowej skórki wystarczy po prostu zaprojektować osobny arkusz stylów (plik *.css) i go podmienić za pomocą specjalnego skryptu. Aby możliwa była jak najbardziej efektowna zmiana wyglądu, konieczne jest, aby serwis został zaprojektowany zgodnie z zasadą rozdzielenie struktury i...
- Wstawianie stylów CSS / Kaskadowość stylów
...Czy nie powstaną konflikty? A może komputer się "zawiesi"? Nic z tych rzeczy! A to właśnie ze względu na kaskadowość. To od niej wzięły swoją nazwę style: CSS - (ang. Cascading Style Sheets) Kaskadowe Arkusze Stylów. Jeśli w dokumencie znajduje się kilka źródeł stylów, pierwszeństwo mają te, które znajdują się "bliżej" formatowanego elementu. Oddziaływanie stylów z arkuszy zewnętrznych może być modyfikowane przez style zdefiniowane w nagłówku dokumentu, to z kolei może być zmieniane przez...
- Tryb Quirks / Co zmienia przejście z trybu Quirks do trybu zgodności ze standardami?
...do bloku "pojemnika". Jeśli zarówno lewy jak i prawy margines jest ustalony jako auto, ich wartości stają się równe. Przykład <div>1</div> <div style="width: 50%; margin-left: 0">2</div> <div style="width: 50%; margin-right: auto">3</div> <div style="width: 50%; margin-left: auto">4</div> <div style="width: 50%; margin-left: auto; margin-right: auto">5</div> Pierwszy blok jest wyświetlany tak samo w trybie zgodności jak i w Quirks - szerokość przyjmuje wartość 100% a marginesy zero...
- HTML dla zielonych / Rodzaj czcionki HTML <span "font-family">
<span style="font-family: rodzaj">Tu wpisz tekst</span> lub <span style="font-family: rodzaj1, rodzaj2, rodzaj3...">Tu wpisz tekst</span> gdzie zamiast rodzaj, rodzaj1, rodzaj2, rodzaj3... należy wpisać rodzaje czcionek (np.: Arial, 'Courier New', 'Times New Roman', Verdana i inne). Jeżeli nazwa czcionki składa się z kilku wyrazów, to trzeba ją objąć w znaki apostrofu (np.: <span style="font-family: Verdana, 'Times New Roman', Arial">Tekst</span>). W miejsce kropek można wpisać dalsze rodzaje...
- Menu drzewiaste / Skrypt menu drzewiastego
...0; } ul.tree ul { display: block; margin-left: 0; padding-left: 0; margin-top: 0; margin-bottom: 0; } ul.tree li { display: block; list-style-type: none; padding-left: 20px; background-image: url("document.gif"); background-position: left top; background-repeat: no-repeat; } ul.tree li.closed { background-image: url("closed.gif"); background-position: left top; background-repeat: no-repeat; } ul.tree li.opened { background-image: url("opened.gif"); background-position...