style html - Kurs HTML i CSS
Selektory pseudoklas CSS / Odsyłacz podstawowy :link...jest selektorem odsyłacza [zobacz: Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Polecenie pozwala nadać określone atrybuty formatowania dla wszystkich podstawowych odsyłaczy na stronie czyli takich, które nie zostały jeszcze odwiedzone przez użytkownika. Ponieważ pseudoklasa :link odnosi się tylko do odsyłaczy, w regule stylu można pominąć selektor elementu a: :link { cecha...
- Rozmiary CSS / Wysokość {height}
...<body>, a także upewnić się, że żadne z tych elementów nie ma ustawionej marginesów ani paddingu, które mogą wpłynąć na wysokość. Na przykład: <html style="height: 100%"> <body style="height: 100%; margin: 0"> <div style="height: 100%">Ten DIV zajmie całą dostępną wysokość.</div> </body> </html>.
- Tryb Quirks / X-UA-Compatible
...jeśli wstawimy przycisk bez tego atrybutu, będzie on wysyłał formularz CSS Przy deklarowaniu alternatywnych arkuszy stylów zapis rel="alternate stylesheet" jest równoważny rel="stylesheet alternate". Własność display - uzupełniona obsługa wartości: table, inline-table, table-row, table-row-group, table-column, table-column-group, table-cell, table-caption, run-in, ruby, ruby-base, ruby-text, ruby-base-container, ruby-text-container Własność border-style - uzupełniona obsługa wartości...
HTML5 / Wstępne ładowanie <link "preload" as>...następujące wartości: w języku HTML - audio, document (dokument HTML), embed, frame, iframe, image, object, track, video w języku CSS - font, style (zewnętrzny arkusz stylów oraz import arkusza stylów) w języku JavaScript - fetch, json, script w języku XML - xslt (ang. Extensible Stylesheet Language Transformations) typ Odpowiedni typ MIME lokalizacja Ścieżka dostępu albo adres URL wskazujące na miejsce, skąd ma zostać załadowany zewnętrzny zasób Domyślnie przeglądarki...
- Odsyłacze HTML / Do etykiety <a id>
...etykiety... ... ... ... ... ... ... ... ... ... ... ...testowa etykieta Odsyłacz drugiego rodzaju (do etykiety "#wstep" na stronie "przegladarki.html" - spójrz na pasek stanu przeglądarki po wskazaniu odsyłacza myszką): Przeglądarki - wstęp... Pytania i odpowiedzi <a id> W jaki sposób przejść do etykiety w innym dokumencie? Wystarczy w odnośniku po adresie strony wstawić znak krzyżyka (skrót klawiaturowy Shift+3), a po nim nazwę etykiety, która znajduje się na stronie docelowej. Ten...
- Selektory pseudoelementów CSS / Cudzysłowy {quotes}
Spis treści {quotes} Cudzysłowy {quotes} Znaki cudzysłowów {content: open-quote close-quote} Wyłączenie znaków cudzysłowu {content: no-open-quote no-close-quote} Cudzysłowy {quotes} (interpretuje Internet Explorer 8.0, Firefox, Opera) W języku HTML istnieją specjalne znaczniki, przeznaczone do oznaczania cytatów: <q>...</q> (krótki cytat), <blockquote>...</blockquote> (blok cytowany). Jak mówi specyfikacja HTML 4.01, cytatów wstawianych w elementach q nie należy obejmować cudzysłowami...
- CSS dla zielonych / Edytory CSS
Style 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...
- HTML dla zielonych / Wyśrodkowanie obrazka HTML <div "center", img src alt>
<div style="text-align: center"><img src="Tu podaj względną ścieżkę dostępu do obrazka" alt="Tu podaj tekst alternatywny"></div> gdzie zamiast: "Tu podaj względną ścieżkę dostępu do obrazka" należy podać lokalizację na dysku, gdzie znajduje się żądany obrazek, a w miejsce "Tu podaj tekst alternatywny" wpisuje się krótką informację, która pojawi się w przypadku, kiedy obrazek nie zostanie wyświetlony. Polecenie pozwala wyśrodkować obrazek, czyli ustawić go na środku ekranu. Dla...
- Formularze HTML / Przykład formularza HTML
...nierówno z powodu różnej długości opisów. Na przykład po wpisaniu: <form action="mailto:e-mail" method="post" enctype="text/plain"><div> <table style="background-color: silver"> <tr> <td>Imię:</td><td><input type="text" name="imie"></td> </tr> <tr> <td>Nazwisko:</td><td><input type="text" name="nazwisko"></td> </tr> <tr> <td colspan="2" style="text-align: center"><br> <input type="submit" value="Wyślij"> <input type="reset" value="Wyczyść"> </td> </tr> </table> </div></form>...
- Selektory pseudoklas CSS / Korzeń :root
...Internet Explorer 9, Firefox, Opera, Chrome) :root { cecha: wartość } Wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Każdy dokument HTML ma w drzewie dokumentu dokładnie jeden korzeń, tzn. element najbardziej nadrzędny, który nie ma żadnego rodzica, za to zawiera w sobie (bezpośrednio lub poprzez zagnieżdżenie) wszystkie inne elementy dokumentu. W języku HTML korzeniem jest zawsze element HTML, zatem selektor ten...