ustawienia - Kurs HTML i CSS
Czcionki CSS / Wariant liczb czcionki {font-variant-numeric}...wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "warianty" należy podać konkretne ustawienia formatowania liczb w tekście. Możliwe są tutaj dwa sposoby: normal - domyślne ustawienia Dowolna liczba poniższych wartości rozdzielonych spacjami: ordinal - liczba porządkowa, np. w języku angielskim wyraz first (co oznacza: pierwszy) możemy zapisać skrótowo jako: 1st slashed-zero - cyfra zero może zostać przekreślona ukośną...
Ikony (symbole) / KomunikacjaMożesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Poczta mail mail Połączenie call call Powiadomienia notifications notifications Wyślij send send Czatuj chat chat Link link link Forum forum forum Inwentarz 2 inventory_2 inventory_2 Dymek czatu chat_bubble chat_bubble Telefon w trakcie...
- HTML dla zielonych / Kolor czcionki HTML <span "color">
...stronach internetowych, jest zmiana barwy tekstu. Domyślnie każdy tekst będzie napisany zwykle kolorem czarnym albo ewentualnie białym - w przypadku ustawienia ciemnego motywu w systemie operacyjnym bądź przeglądarce internetowej. Aby zmienić kolor tekstu na inny, wystarczy objąć go znacznikiem z przypisanym atrybutem o odpowiedniej wartości. Na przykład: <span style="color: red">...</span> zmieni kolor tekstu na czerwony.
- XHTML / Typy MIME dokumentów XHTML
...PHP na serwerze! Utwórz katalog o nazwie mime, a w nim plik pod nazwą mime.inc.php i zapisz w nim następujący kod (na początku można podać własne ustawienia): <?php /** * XHTML MIME Negotiation * @version 2.2.3 * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) */ //////////////////// SETTINGS //////////////////// /** * Strona kodowa. * @global string $CHARSET */ $CHARSET = 'utf-8...
- Czcionki CSS / Wielkość czcionki {font-size}
...domyślnymi, nie da się w żaden sposób przewidzieć, co zostało ustawione w systemie użytkownika czytającego naszą stronę, a tutaj standardowe ustawienia różnych systemów operacyjnych mocno się różnią - wiele osób nawet nie wie jak to przestawić. Nie używaj jednostki "pt" do ustalania rozmiaru czcionki na ekranie. Większość edytorów tekstu podaje jednak rozmiary w punktach, a nie w pikselach. Drukarka zawsze zna dokładne wymiary arkusza papieru, a więc może zapewnić prawidłowy wydruk...
- Czcionki CSS / Atrybuty mieszane wariantu czcionki {font-variant}
...tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "wartości atrybutów" należy wpisać konkretne ustawienia wariantów czcionki. Możliwe są tutaj trzy sposoby: normal - wartość domyślna none - zablokowanie wszystkich rodzajów wariantów Dowolna liczba poniższych wartości rozdzielonych spacjami: font-variant-ligatures font-variant-caps font-variant-numeric font-variant-position Polecenie to pozwala w wygodny sposób zdefiniować...
- Tryb Quirks / Co zmienia przejście z trybu Quirks do trybu zgodności ze standardami?
...i rodzaj czcionki, w przeciwnym razie cała deklaracja zostanie zignorowana. Wcześniejsze wersje Internet Explorera przyjmowały także częściowe ustawienia. Dotyczy to również przeglądarki Opera. W trybie zgodności każda wartość określająca długość musi mieć obowiązkowo podaną jednostkę. Wartości bez jednostek lub z wstawioną spacją między liczbą a jednostką są ignorowane. W trybie Quirks przeglądarka w takich przypadkach przyjmuje wartość jako podaną w pikselach (px). Dotyczy to również...
Menu rozwijane, otwierane, wysuwane / Skrypt menu rozwijanego, otwieranego, wysuwanego...{ display(dt, i + 1); }, dt._displayed ? czasRozwin : czasZwin); } } } Na samym początku w wyróżnionych miejscach można zmienić domyślne ustawienia konfiguracyjne: czas rozwijania i czas zwijania pojedynczego elementu menu oraz opóźnienie przy otwieraniu i zamykaniu menu (tylko w wersji otwieranej - szczegóły dalej w tym rozdziale). Wszystkie czasy są podane w milisekundach (1 s = 1000 ms). Wartości te zostaną przypisane wszystkim takim blokom menu na stronie, dla których nie...
- Oprawa graficzna / Zamiennik obrazkowy
...obrazkowy</div> div { background-image: url(obrazek.gif); width: 200px; height: 50px; text-indent: -9999px; } Sztuczka polega na ustawienia ujemnego wcięcia - na tyle dużego, że tekst zostanie przesunięty w lewo całkiem poza krawędź ekranu. Wartość bezwzględna wcięcia nie może być zbyt mała, ponieważ inaczej posiadacze monitorów o dużej przekątnej ekranu mogliby zobaczyć część tekstu. Z uwagi na dużą wygodę, uniwersalność i kompatybilność, metoda ta jest obecnie bardzo...
- Tło CSS / Tło obrazkowe {background-image}
...Jak dodać tło do zdjęcia? Aby dodać tło do zdjęcia z elementami przezroczystymi w CSS, można jednocześnie użyć właściwości background-image do ustawienia obrazka jako tła oraz background-color do określenia koloru tła. Na przykład, jeśli obrazek ma format GIF lub PNG z elementami przezroczystymi i chcesz dodać kolor tła, możesz użyć: "background-image: url('sciezka/do/zdjecia.png'); background-color: #EFEFEF", gdzie #EFEFEF to wybrany kolor tła. Takiego efektu nie można uzyskać ze...