style html - Kurs HTML i CSS
Typy MIME / Wykaz typów MIME...wps wks wcm wdb application/vnd.ms-wpl wpl application/vnd.ms-xpsdocument xps application/vnd.musician mus application/vnd.muvee.style msty application/vnd.mynfc taglet application/vnd.neurolanguage.nlu nlu application/vnd.nitf ntf nitf application/vnd.noblenet-directory nnd application/vnd.noblenet-sealer nns application/vnd.noblenet-web nnw application/vnd.nokia.n-gage.data ngdat application/vnd.nokia.n-gage.symbian.install n-gage...
- Formularze HTML / Ramy formularza HTML <form>
...formularz w HTML? Aby ustawić na środku ekranu całą zawartość formularza, można przypisać mu odpowiedni atrybut: <form action="..." method="post" style="text-align: center">...</form>.
Selektory specjalne CSS / Klasy selektorów <... class>...atrybutu class="..." nadanego selektorowi z poziomu języka HTML. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Jako klasa należy podać dowolny pojedynczy wyraz, który nie może zawierać znaków: spacji, kropki, przecinka, dwukropka, pytajnika, nawiasów, znaku równości, plusa itp. Może natomiast zawierać litery (A-Z, a-z), cyfry (0-9), myślniki ("-") i podkreślniki ("_"). Lepiej nie używać polskich liter. Nie...
- 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>.
- 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.
- Marginesy CSS / Model pudełkowy CSS
...liniowych, elementy blokowe można stylizować przy użyciu właściwości CSS, takich jak szerokość, marginesy czy obramowanie. Przykładowy kod: <div style="width: 300px; margin: 10px; background-color: blue">Treść</div>.
- Układ elastyczny CSS / Flexbox
W zamierzchłych czasach sieci, gdy style CSS nie były jeszcze tak rozwinięte jak dzisiaj, rozplanowanie elementów na stronie realizowano się przy pomocy tabelek. Nie był to jednak najlepszy sposób, gdyż nie spełniał podstawowych zasad semantyki. Tabele zostały stworzone z myślą o prezentacji zbioru danych o powtarzającym się charakterze. Na szczęście style CSS wprowadziły nowe sposoby układania elementów na stronie, bez potrzeby używania w niewłaściwy sposób znaczników tabeli. Paradoksalnie...
- HTML5 / Napisy do filmów <track>
...{ color: lime; } ::cue(u) { color: aqua; } Aby zmienić wygląd wypowiedzi konkretnych osób w dialogu: ::cue(v[voice="nauczyciel"]) { font-style: italic; } W pliku *.vtt bezpośrednio przed wybranym blokiem napisów możesz podać identyfikator: WEBVTT identyfikator 00:00:01.000 --> 00:00:05.000 Ten napis posiada przypisany identyfikator. Można się nim potem posłużyć, aby zmienić wygląd całego takiego bloku: ::cue(#identyfikator) { color: red; }
- Czcionki CSS / Wielkość czcionki {font-size}
...na 16 pikseli. Jak powiększyć czcionkę HTML? Aby powiększyć czcionkę w HTML, można użyć znacznika <span> lub <div> z odpowiednią klasą lub stylem CSS. Na przykład: <span style="font-size: larger">Tekst powiększony</span>. Ile mm ma czcionka 12? Wielkość czcionki CSS podawana w punktach (pt) jak również w pikselach (px), nie jest bezpośrednio przeliczalna na fizyczne milimetry widoczne na ekranie komputera lub smartfona. Jednak przybliżona konwersja to około 4.23mm dla czcionki...
- Wstawianie stylów CSS / Sposoby osadzania stylów CSS
...do dokumentu w postaci struktury znaczników np. za pomocą języka XHTML lub HTML. Dlatego aby poznać ogrom dodatkowych możliwości, jakie dają style CSS, konieczna jest wcześniejsza znajomość zasad języka HTML. Zapamiętaj zatem prostą zasadę: za pomocą języka HTML wstawia się znaczniki do kodu źródłowego strony, a następnie dzięki CSS można nadać im potem określony sposób wyświetlania. Sposoby wstawiania stylów do gotowych dokumentów są różne. Nie znaczy to, że jedne są lepsze od...