style - Kurs HTML i CSS
Podcast HTML / #9 HTML5...do wstępnego ładowania zewnętrznych zasobów, zanim będą potrzebne, za pomocą atrybutów as="..." (określającego rodzaj zasobu, np. image, script, style) i href="...". async w <script>: włącza asynchroniczne ładowanie skryptu JavaScript z zewnętrznego pliku, co zapobiega blokowaniu renderowania strony. decoding="async" w <img>: podpowiada przeglądarce, aby dekodowała obrazek asynchronicznie, co może nie opóźniać wyświetlania reszty strony, zwłaszcza w przypadku dużych obrazków...
- Tekst HTML / Indeks górny i dolny <sup, sub>
...się przesunięty w prawo. Aby ustawić indeks górny i dolny równo ponad sobą w jednej pionowej linii, można się posłużyć następującym kodem: A<span style="display: inline-block; line-height: 0.5"><sup style="display: block">1</sup><sub>2</sub></span>.
- Tekst HTML / Podkreślenie <u>
...jest podkreślony Podkreślenie innym kolorem Stosując pewną "sztuczkę", można sprawić, aby kolor linii podkreślenia różnił się od koloru tekstu: <u style="color: red"><span style="color: black">To jest czarne podkreślenie czerwoną linią</span></u> gdzie w miejsce wyróżnionych wyrazów należy wpisać definicje kolorów; przy czym "red" oznacza kolor, jaki ma przyjąć linia podkreślenia, natomiast "black" - kolor tekstu. Przykład <u {color}> To jest czarne podkreślenie czerwoną linią
- Tekst HTML / Przekreślenie <s>
...przekreślony Przekreślenie innym kolorem Stosując pewną "sztuczkę", można sprawić, aby kolor linii przekreślenia różnił się od koloru tekstu: <s style="color: red"><span style="color: black">To jest czarne przekreślenie czerwoną linią</span></s> gdzie w miejsce wyróżnionych wyrazów należy wpisać definicje kolorów; przy czym "red" oznacza kolor, jaki ma przyjąć linia przekreślenia, natomiast "black" - kolor tekstu. Przykład <s {color}> To jest czarne przekreślenie czerwoną linią Pytania...
- Formularze HTML / Wysłanie formularza bez programu pocztowego
...head) ? $message : $error; } } else { ?> <form action="?" method="post"> Tutaj umieść wszystkie pola formularza <input name="captcha" style="display: none"> </form> <?php } ?> Na początku kodu należy ustawić własne wartości: adres e-mail gdzie wysłać formularz Twój adres poczty elektronicznej e-mail. temat Tytuł, jaki będzie nosił formularz, tzn. temat listu, który otrzymasz, kiedy formularz zostanie wysłany. Dziękujemy za wysłanie formularza Komunikat, który zostanie...
- Komendy HTML 4.01 / Elementy zdeprecjonowane
...OBJECT CSS: margin-left, margin-right language SCRIPT type="..." link BODY CSS: :link name APPLET OBJECT noshade HR CSS: border-style nowrap TD, TH CSS: white-space object APPLET OBJECT prompt ISINDEX INPUT size BASEFONT, FONT CSS: font-size size HR CSS: height start OL CSS: counter-reset text BODY CSS: color type LI, OL, UL CSS: list-style-type value LI CSS: counter-reset version HTML <!DOCTYPE...> vlink BODY CSS...
- HTML5 / Zmienione elementy i atrybuty HTML5
...interfejsu użytkownika mogą zawierać wyłącznie kod skryptu, napisany w języku JavaScript. start, type Dla elementu OL nie są już zdeprecjonowane. style Może zawierać wyłącznie kod CSS - jako języka formatowania. tabindex Przyjmuje również wartości ujemne, co oznacza, że element może zostać aktywowany, ale nie za pomocą klawisza tabulatora. target Dla znaczników A i AREA nie jest już zdeprecjonowany. Może być przydatny w połączeniu z IFRAME. type Nie jest już konieczny dla elementów...
- HTML5 / Priorytet ładowania <img fetchpriority, link fetchpriority, script fetchpriority>
...dla zasobów, które mają mieć wysoki priorytet pobierania. Na przykład: <img src="image.jpg" fetchpriority="high"> lub <link rel="preload" as="style" href="style.css" fetchpriority="high">. To zapewni, że przeglądarka pobierze te zasoby z wyższym priorytetem.
Wstawianie stylów CSS / Alternatywny arkusz stylów <link "alternate stylesheet"><head> <link rel="stylesheet" href="style.css" title="Nazwa domyślna"> <link rel="alternate stylesheet" href="style1.css" title="Nazwa 1"> <link rel="alternate stylesheet" href="style2.css" title="Nazwa 2"> <link rel="alternate stylesheet" href="style3.css" title="Nazwa 3"> (...) </head> style.css Domyślny arkusz stylów, który zostanie wyświetlony na starcie. Nazwa domyślna Nazwa domyślnego stylu. style1.css, style2.css, style3.css Alternatywne arkusz stylów - żaden z nich nie...
- Selektory pseudoklas CSS / Pseudoklasy typu :first-of-type :last-of-type :only-of-type
...zawiera się w znaczniku rodzica [zobacz: Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Załóżmy, że mamy na stronie listę definicyjną itp.), która - jak wiemy - składa się ze znaczników terminów (DT) i definicji tych terminów (DD). Chcielibyśmy zmienić sposób formatowania tylko pierwszej definicji listy. Oczywiście można to zrobić nadając mu klasę. Nie jest to jednak najlepsze...