wygląd - Kurs HTML i CSS
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...
- Menu w CSS / Rozdzielenia struktury i prezentacji dokumentu
...serwis internetowy zawiera 100 podstron z artykułami. Na każdej podstronie zostało wstawione menu nawigacyjne. Jeśli teraz zechcesz zmienić jego wygląd, co będzie lepiej zrobić: modyfikować ręcznie 100 plików, czy dokonać zmiany tylko w jednym - zewnętrznym arkuszu stylów? No dobrze, stronę można wykonać w technologii ramkowej lub korzystając ze skryptów na serwerze, takich jak PHP - wtedy również będzie wystarczyło zmienić tylko jeden plik. Są jednak przynajmniej dwa dodatkowe powody, dla...
- Menu w CSS / Pionowe menu
...Stylizujemy odnośniki listy tak, aby wyświetlały się w bloku (display: block). Dzięki temu nie trzeba dokładnie wskazywać tekstu, aby link zmienił wygląd (sprawdź). Niestety zachowanie to może nie dotyczyć niektórych bardzo starch przeglądarek, dlatego bezpieczniej jest dodatkowo określić szerokość (width) bloku odnośnika. Zgodnie z modelem pudełkowym szerokość ta jest równa szerokości bloku rodzica, pomniejszonej o sumę grubości obramowania (border) i szerokości marginesu wewnętrznego...
- Reguły warunkowe CSS / Zapytania właściwości @supports
...pełnej specyfikacji. Właściwości (cechy), których przeglądarka nie rozumie, są ignorowane. Oczywiście w takiej sytuacji strona nie będzie wyglądać dokładnie tak, jak założył jej twórca, ale nadal powinna być czytelna. Co ważne, nie spowoduje to odrzucenia całego arkusza stylów, więc dokument HTML zostanie poddany częściowemu formatowaniu - na tyle, ile będzie możliwe. Zdarzają się jednak przypadki zbyt skomplikowane, aby do ich obsługi wystarczył ten prosty mechanizm...
- CSS dla zielonych / Kolor tła oraz tekstu CSS {background-color, color}
Aby zmienić wygląd jakiegoś elementu na stronie, trzeba go najpierw wskazać. W języku CSS robi się to za pomocą tzw. selektora. W najprostszym przypadku jest to nazwa wybranego znacznika, który wcześniej wstawiliśmy do naszego dokumentu HTML. Wszystko co znajduje się wewnątrz tak wskazanego znacznika - czyli zarówno tekst, jak i inne znaczniki - otrzyma style podane w deklaracji. Przykładowo, aby zmienić kolor tła oraz teksu na całej stronie, możemy się posłużyć selektorem body, ponieważ...
- CSS dla zielonych / Kolor odsyłaczy CSS {color} :hover
...można kliknąć, aby przejść pod podany adres. Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości nadawania wyglądu odsyłaczom na stronach internetowych, zobacz rozdziały: Odsyłacz podstawowy, Odsyłacz odwiedzony, Aktywacja, Wskazanie myszką. Pytania i odpowiedzi {color} :hover Jak zmienić kolor odnośnika w CSS? Na przykład jeśli chcemy, aby wszystkie hiperłącza na stronie były koloru czerwonego, to w arkuszu stylów wystarczy wstawić następujący...