style html - Kurs HTML i CSS
- Wykazy CSS / Wyróżnik obrazkowy wykazu {list-style-image}
selektor { list-style-image: url(ścieżka dostępu) } Selektorem mogą być znaczniki dotyczące wykazów: ul - wypunktowanie, ol - wykaz numerowany oraz li - pojedynczy punkt wykazu [zobacz: Wstawianie stylów]. Natomiast jako "ścieżka dostępu" należy wpisać względną ścieżkę do obrazka, który ma się pojawić jako wyróżnik wykazu (marker). Wpisanie none usunie obrazek. Ścieżkę dostępu należy konstruować względem arkusza CSS, a nie względem dokumentu HTML! Polecenie pozwala zastosować dowolny obrazek...
- 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...
- Odsyłacze HTML / Mapa odsyłaczy <img usemap, map, area>
...alt="..."> <area shape="circle" coords="166,35, 31" href="..." alt="..."> </map> Aby usunąć obramowanie wokół obrazka, należy podać atrybut style="border: 0" dla znacznika <img>. Nakładanie obszarów Załóżmy, że chcemy uzyskać następujący efekt: definiujemy na przygotowanym obrazku jeden okrągły i jeden trójkątny obszar z odsyłaczami, ale chcemy dodatkowo, aby kliknięcie na dowolnych pozostałych częściach grafiki, odsyłało na osobny adres. Możemy tego dokonać definiując na...
- 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...
- 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...
- Czcionki CSS / Waga czcionki {font-weight}
...Na przykład: "font-weight: bold" pogrubia tekst. Jak zmienić grubość czcionki HTML? W HTML można zmienić grubość czcionki za pomocą atrybutu style="..." i wartości font-weight. Na przykład: <p style="font-weight: bold">Tekst pogrubiony</p> tworzy pogrubiony tekst.
- Tekst CSS / Kolor tekstu {color}
...tekst? Aby stworzyć kolorowy tekst w HTML, możesz użyć znacznika <span>, wewnątrz którego umieścisz tekst, a następnie wykorzystać atrybut style="..." lub CSS do ustalenia koloru tekstu. Na przykład: <span style="color: red">Kolorowy tekst</span>. Jak ustawić kolor RGB w CSS? Aby ustawić kolor w formacie RGB w CSS, możesz użyć właściwości color i podać wartość w formie rgb(R, G, B), gdzie R, G i B to liczby od 0 do 255 reprezentujące składowe czerwonej, zielonej i niebieskiej...
- 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...

