wygląd - Kurs HTML i CSS
HTML5 / Wstępne ładowanie <link "preload" as>...aby skrypt był gotowy, gdy będzie potrzebny. Wstępne ładowanie jest przydatne do zasobów krytycznych, które mogą wpłynąć na funkcjonalność lub wygląd strony.
Wstawianie stylów CSS / Kaskadowość stylów...to z kolei może być zmieniane przez style zdefiniowane bezpośrednio w ciele dokumentu (inline). Zatem priorytet ważności stylów (pierwszeństwo) wyglądałby tak: Styl lokalny (inline) Rozciąganie stylu (SPAN) Wydzielone bloki (DIV) Wewnętrzny arkusz stylów Import stylów do wewnętrznego arkusza Zewnętrzny arkusz stylów Import stylów do zewnętrznego arkusza (Atrybuty prezentacyjne HTML - np. align="...", bgcolor="...", color="...", height="...", width="..." i inne) Style o wyższym...
- Selektory specjalne CSS / Klasy selektorów <... class>
...treści dokumentu. Dzięki temu możemy np. ustalić określone atrybuty dla danego elementu (selektora) na całej stronie, a jednocześnie zmienić wygląd tylko niektórych, bezpośrednio przy nich. Nie musimy już wtedy za każdym razem wpisywać stylu inline, którego zapis czasem może być dosyć długi, ale wystarczy odwołać się do nazwy klasy z arkusza. Deklaracja klasy jest przydatna szczególnie, jeśli na wielu stronach serwisu znajdują się elementy mające takie samo formatowanie, a dodatkowo...
- Selektory pseudoklas CSS / Pierwsze dziecko :first-child
...odpowiednie atrybuty otrzyma pogrubienie (znacznik b), będący pierwszym dzieckiem elementu p. Jeśli będzie się on zawierał w innym znaczniku, jego wygląd nie zostanie zmieniony: To jest akapit, a to pogrubienie, czyli pierwsze dziecko (powinno być czerwone), wewnątrz tego akapitu. To jest akapit, a to pochylenie, czyli pierwsze dziecko (nie powinno być czerwone, ponieważ nie jest pogrubieniem), wewnątrz tego akapitu. Tutaj z kolei jest pogrubienie (nie powinno być czerwone), ale drugie nie...
- Tekst CSS / Dekoracja tekstu {text-decoration}
...służy do określania dekoracji tekstu, takich jak podkreślenie, przekreślenie, nadkreślenie. Może być stosowana do elementów tekstu, aby zmienić ich wygląd. Jak podkreślić słowo w CSS? Aby podkreślić słowo w CSS, możesz użyć właściwości text-decoration i ustawić jej wartość na underline. Na przykład: <span style="text-decoration: underline">słowo</span>.
- Czcionki CSS / Wariant liczb czcionki {font-variant-numeric}
...½. Taki znak jednak nie występuje na klawiaturze, dlatego łatwiej jest wpisać po prostu: 1/2, a następnie przekształcić tekst w taki sposób, aby wyglądał jak ułamek. Pozwala na to wariant czcionki: diagonal-fractions. Innym typowym zastosowaniem liczb w tekście są różnorodne zestawienia tabelaryczne. W celach estetycznych, ale również dla wygody czytania zwykle zależy nam, aby liczby występujące w tej samej kolumnie tabeli były ze sobą wyrównane. Można to uzyskać za pomocą czcionki...
- Drukowanie CSS / Kontekst strony @page
...jednostek "em" (wysokość czcionki) ani "ex" (wysokość małej litery), ponieważ nie istnieje w nim pojęcie czcionki. Kontekst strony definiuje wygląd samej strony - np. arkusza papieru na wydruku - a nie jej zawartości. Można w ten sposób ustawić marginesy i rozmiar strony na wydruku. Różnica pomiędzy marginesami w kontekście strony, a tradycyjnymi marginesami jest taka, że nawet jeśli standardowe marginesy zostaną wyzerowane, wydruk nadal może je posiadać. Normalnie aby zmienić rozmiar...
- Wykazy CSS / Typ stylu wykazu {list-style-type}
...wykazów: ul - wypunktowanie, ol - wykaz numerowany oraz li - pojedynczy punkt wykazu [zobacz: Wstawianie stylów]. Natomiast "typ" odpowiada za wygląd wyróżnika (markera) wykazu. Należy zamiast niego wpisać dowolny z poniżej wymienionych typów albo specjalną wartość none, która wyłącza wyświetlanie wyróżników przy punktach wykazu. Dla zainteresowanych Jeśli za mało Ci wbudowanych typów stylu wykazu albo oczekujesz bardziej złożonego sposobu numeracji punktów i podpunktów, zobacz...
- Drukowanie CSS / Po co drukować strony internetowe?
...na ekranach komputerów, tabletów i smartfonów. Jednakże jego możliwości wykraczają poza ten obszar. CSS pozwala również na precyzyjne kontrolowanie wyglądu stron podczas wydruku. Choć mogłoby się wydawać, że w erze cyfryzacji druk jest coraz mniej ważny, w praktyce nadal istnieje wiele sytuacji, w których przygotowanie materiałów do druku pozostaje kluczowe. Dlaczego warto korzystać z CSS do stylowania wydruku? Profesjonalny wygląd dokumentów - strony internetowe projektowane z myślą o...
- Jednostki CSS / Długość
...rozmiaru czcionki dla elementu <body> albo wstawienie dodatkowego potomka z ustaloną wielkością cziconki może nam w tym przypadku całkowicie popsuć wygląd strony, wpływając w niełatwy do przewidzenia sposób na szerokość naszego bloku. Taka sytuacja nie będzie miała jednak miejsca, jeśli zamiast tego wpiszemy "width: 20rem" (16px * 20 = 320px). Oczywiście opisane problemy nie będą miały również miejsca, gdy ustalimy szerokość bloku bezpośrednio w pikselach - "width: 320px". Jednak w pewnych...