Spisie treści
Czcionki, jak widzieliśmy w części 1 tego samouczka, są bardzo subtelnym i skutecznym sposobem na zmianę wyglądu strony HTML widzisz, już trochę wiemy, jak używać tego atrybutu czcionka, teraz zobaczymy zaawansowane właściwości, aby kontynuować dostosowywanie naszych dokumentów.Praca z rozmiarem czcionki
Aby pracować z rozmiarem czcionek, CSS pozwala nam na szereg właściwości i atrybutów, dzięki którym możemy osiągnąć pożądane efekty w naszych poszukiwaniach dostosowania naszych dokumentów.
Poniższe atrybuty pozwalają nam osiągnąć zmianę rozmiarów.
xx-mały x-mały mały średni duży x-duży xx-duży: Cskonfiguruj rozmiar czcionki, przeglądarka odpowiada za ustalenie dokładnego rozmiaru czcionki, w miarę postępu listy opcji, litera bloku tekstu, do którego ta właściwość jest stosowana, staje się większa.
mniejszy większy: Określa rozmiar czcionki, uzyskany rozmiar odnosi się do elementu nadrzędnego.
Zobaczmy teraz w kodzie przykład zastosowania tej nowej wiedzy:
PrzykładIstnieje wiele różnych rodzajów owoców - tylko ponad 500 odmian bananów. Zanim dodamy niezliczone rodzaje jabłek, pomarańczy i innych dobrze znanych owoców, stajemy przed tysiącami wyborów.
W tym kodzie używamy dwóch typów atrybutów, ten identyfikowany przez id pierwszy przyjmie stały rozmiar i identyfikator z id druga przyjmie większy rozmiar w stosunku do swojego kontenera nadrzędnego, zobaczmy, jak wygląda w przeglądarce.
Ustalenie stylu i wagi
Grubość czcionki odpowiada grubości linii określającej literę, można to zmienić za pomocą właściwości grubość czcionkiZ drugiej strony styl pozwala nam wybierać między normalnym tekstem, kursywą lub ukośnie, zobaczmy, jak używamy tego w kodzie, abyśmy mogli przejść bezpośrednio do praktyki.
PrzykładIstnieje wiele różnych rodzajów owoców - tylko ponad 500 odmian bananów. Zanim dodamy niezliczone rodzaje jabłek, pomarańczy i innych dobrze znanych owoców, stajemy przed tysiącami wyborów.
Zobaczmy teraz, jak to wygląda w naszej przeglądarce.
W kodzie umieściliśmy sekcję kursywą, a drugą pogrubioną lub pogrubioną, jest różnica między kursywą a ukośną, jednak na poziomie wizualnym jest to coś, co w tej chwili jest pomijalne, możemy również zostawić tę różnicę do zbadania, więc treść tego samouczka jest świeża.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt
