style - Kurs HTML i CSS
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...
- Ikony (symbole) / Zdjęcie i obraz
...Siatka włączona grid_on grid_on Proporcje obrazu aspect_ratio aspect_ratio Dostosuj adjust adjust Przytnij swobodnie crop_free crop_free Styl style style Jasność 6 brightness_6 brightness_6 Zdjęcie photo photo Wyszukiwanie obrazów image_search image_search Natura ludzie nature_people nature_people Filtr vintage filter_vintage filter_vintage Przytnij crop crop Rozmycie włączone blur_on blur_on Mocne skupienie na środku center_focus_strong center_focus_strong Porównaj compare...
CSS dla zielonych / Edytory CSSStyle CSS można oczywiście pisać ręcznie, ponieważ jest to zwykły tekst - tak jak w przypadku samego HTML. Lecz stosowanie specjalnych edytorów przyspiesza i ułatwia nam pracę oraz zmniejsza ryzyko popełnienia błędów. Pozwalają automatycznie zdefiniować np. wielkość i kolor czcionki, kolor odsyłaczy czy tła (za pomocą specjalnych generatorów). Kolorowanie składni sprawia, że natychmiast odnajdziemy wszystkie błędy. Kreatory stylów (ang. wizards) są najczęściej wbudowane w edytory HTML. Zwykle...
- 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...
- 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>.
- Marginesy CSS / Załamywanie marginesów
...załamywania dotyczy tylko i włącznie pionowych marginesów zewnętrznych, a nie wewnętrznych (padding). Przykład Po wpisaniu następującego kodu: <div style="margin-bottom: 20px">1</div> <div style="margin-top: 50px">2</div> na ekranie zobaczymy dwa bloki, pomiędzy którymi margines będzie wynosił 50px, a nie 70px (nie suma).
- Tabele CSS / Obramowanie tabeli {border-collapse, border}
...Do tabel (<table>...</table>) oraz ich komórek (<td>...</td>) można stosować wszystkie parametry dotyczące obramowania. Przykład {border} <table style="border: 3mm ridge yellow"> komórka1 komórka2 komórka3 komórka4 komórka1 komórka2 komórka3 <td style="border: 3mm ridge yellow"> Pytania i odpowiedzi {border, border-collapse} Jak dodać obramowanie do tabeli CSS? Aby dodać obramowanie do tabeli w CSS, użyj właściwości border na selektorze tabeli lub jej komórek. Na...
- Drukowanie CSS / Wydruk @media print
...deklaracje) */ /* (...) */ @media print { /* Arkusz dla wydruku */ } Dołączenie specjalnie dla wydruku zewnętrznego arkusza: <head> <link rel="stylesheet" href="domyslny.css"> <link rel="stylesheet" href="wydruk.css" media="print"> </head> Dołączenie specjalnie dla wydruku wewnętrznego arkusza: <head> <style media="print"> /* Arkusz dla wydruku */ </style> </head> [zobacz także rozdział pt.: Media]. UWAGA! Kolejność wpisywania poleceń ma znaczenie, tzn. najpierw należy określić...
- 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...