Jak odważny tekst w CSS

Bold sprawi, że elementy wydają się gęste lub pojawią się z silnym lub wyraźnym wyglądem. Odważny tekst to tekst, który wydaje się grubszy niż prosty tekst. Możemy uczynić nasz tekst odważny, stosując właściwość CSS „W-W-Wight” i ustawiając ją „BOLD”. Możemy również ustawić niektóre wartości liczbowe lub słowo kluczowe „odważniejsz” dla tej właściwości. W tej właściwości „czcionki” ustawimy, jak gruby tekst będzie renderował na ekranie wyjściowym. Możemy również pogrubić nasz tekst w HTML, wykorzystując różne tagi. Ale tutaj omówimy właściwość CSS, która jest używana do zastosowania odważnego efektu do tekstu. W tym samouczku szczegółowo zbadamy ten odważny tekst. Zrobimy również niektóre kody, w których śmiałym tekst, ustawiając wartości numeryczne w właściwości.

Przykład 1:

Potrzebujemy kilku elementów, aby zastosować nieruchomość „Was-W-W-W-W-Weight. W rezultacie zaczynamy od utworzenia niektórych elementów HTML. Musimy najpierw otworzyć nowy plik, aby utworzyć plik HTML, wybierając HTML jako język. Oprogramowanie, których będziemy używać w tym samouczku, to kod Visual Studio. W tym pliku zaczniemy pisać kod. Dodatkowo wchodzimy „!”, A następnie naciśnij„ Enter ”, aby uzyskać podstawowe znaczniki HTML, które są niezbędne dla wszystkich kodów HTML.

Po tym wszystkim musimy stworzyć ciało, w którym dodamy kilka akapitów poniżej nagłówka. Podajemy każdemu akapitowi unikalną nazwę, abyśmy mogli go użyć, gdy zastosujemy atrybut „Was-czcionki” do tych akapitów. Mamy tutaj trzy akapity. Teraz zastosujemy właściwość „Was-W-Wight” do tych akapitów w kodzie CSS. Musimy połączyć oba pliki, HTML i plik CSS w głowicy, wykorzystując znacznik „link”.

Najpierw umieściliśmy nazwę akapitu „P.P1 ”, a następnie użyj właściwości„ Was-W-W-W-W-W-Weight ”. Ta właściwość służy do ustawiania grubości tekstu. Tutaj ustawiamy go na „normalne”, co jest również wartością domyślną. „Rozmiar czcionki” dla tego pierwszego akapitu to „20px”. Następnie mamy drugi akapit o nazwie „P2” i ustawiamy „Was-W-W-W-W-Waer” na „Bold”. To „odważne” słowo kluczowe jest używane do uczynienia tekstu akapitu grubszego niż prosty tekst, a także ustawia jego rozmiar na „20px”. Teraz, dla „p3”, ponownie używamy właściwości „czcionki”. Tym razem ustawiamy wartość liczbową do ustawiania grubości trzeciego akapitu i uczynienia jej „odważnym”. Tutaj używamy wartości „900” dla tej właściwości „czcionki”. Tak więc tekst akapitu będzie wyglądał „odważny”, a także „rozmiar czcionki” jest taki sam jak powyższe akapity.

Oto dane wyjściowe, mamy trzy akapity w danych wyjściowych, a pierwszy akapit jest prosty, ponieważ ustawiamy jego wartość jako normalną. Drugi akapit jest grubszy niż pierwszy, co oznacza, że ​​ten akapit jest „odważny”. Ostatni akapit jest również „odważny”, ale w trzecim akapicie ustawiamy wartość liczbową we właściwości „Waseight Font-Weight”.

Przykład nr 2:

Tutaj mamy siedem różnych akapitów o unikalnych nazwach, więc użyjemy tych nazw w kodzie CSS do zastosowania właściwości „Waseight FONT”. Ustawimy wartość liczbową dla tej właściwości, a także słów kluczowych.

Korzystamy z „koloru” dla nagłówka jako „bordowy” i ustawiamy „rozmiar czcionki” dla całego „ciała” na „22px”. W przypadku „PAR1” ustawiamy „Was-font” na „normalny” i „czerwony” jako „kolor” tego „PAR1”. W przypadku „Par2” ustawiamy wartość „Was-W-W-W-W-W-W-W-Wight” jako „600”, a „zielony” kolor jest tutaj dla „Par2”. Wartość „czcionki” dla „Par3” została ustawiona na „700”, a kolorowy „niebieski” jest tutaj używany. Teraz ponownie używamy właściwości „Was-W-Wight” do następnego akapitu „Par4” i ustawiamy ją na „800”, a jej „kolor” to „pomarańczowy”. „Par5” „Font-Weight” jest ustawiony jako „900”, a „kolor” dla „Par5” jest „fioletowy”. Następnie ustawiamy słowo kluczowe „BOLD” dla wartości „Was-czcionki” dla „Par6”, a także definiując jego „kolor” na „różowy”. Teraz mamy ostatni akapit „PAR7” i ustawiamy go na słowo kluczowe „odważniejsze”. „Kolor” „Par7” to „Magenta”.

Możesz zobaczyć wiele akapitów o różnych wartości. Pierwszy akapit wydaje się normalny, ponieważ ustawiamy jego wartość jako „normalną”. Pozostałe akapity wydają się „odważne”, ponieważ ustawiamy grubość tych akapitów w kodzie CSS, wykorzystując właściwość „Was-W-W-Weight”.

Przykład nr 3:

W tym kodzie mamy dwa akapity i zastosujemy właściwość „Was-W-W-Wight.

Najpierw stylizujemy ciało, wykorzystując dwie właściwości. Właściwość „wielkości czcionki” ustawia rozmiar tekstu na „20px”, a następnie wyrównuje wszystkie elementy ciała do „środka” za pomocą właściwości „Wyliczanie tekstu”. Stylukujemy również nagłówek, aby uczynić go bardziej atrakcyjnym, wykorzystując „bordowy” dla „koloru” „H1”. Ustawiliśmy „Algierskie” jako „rodzinę czcionki” i „Podkreśl” „H1” za pomocą właściwości „Dekoracja tekstu”. W przypadku „H2” ustawiliśmy kolor „zielony”, a „rabata czcionki” to „Czasy New Roman”. Teraz będziemy korzystać z właściwości „czcionki” dla obu akapitów. W przypadku „para1” jego wartość jest ustalana jako „normalna”. Ale w przypadku „para2” po prostu używamy słowa kluczowego jako jego wartości i ustawiamy go na „odważny” do uczynienia tekstu gęstego.

Możesz łatwo zauważyć różnicę między obiema akapitami. Pierwszy akapit to normalny akapit, ale drugi akapit tutaj jest „odważny”. Rozmiar czcionki obu akapitów jest taki sam, ale widać, że drugi akapit wydaje się odważny.

Przykład nr 4:

Mamy dwa różne nagłówki i cztery różne klasy Div o różnych nazwach dla każdego div. Będziemy wykorzystywać właściwość „masy czcionki” dla tych divs.

Najpierw użyjemy tych dwóch parametrów do stylizowania ciała. Atrybut „wielkości czcionki” dostosowuje rozmiar tekstu do „21px”. Właściwość „expon-align” „Center” wszystkie elementy ciała, gdy ją ustawiamy. „Rodzina czcionki” dla wszystkich elementów ciała jest „czasem New Roman”. Używamy „Purple” jako „koloru” „H1”, definiujemy „rodzinę czcionki” do „algierskiego”, a dodatkowo stylizujemy nagłówek, ustawiając atrybut „Dekoracja tekstu” do „podkreśla” „H1”. Wybraliśmy kolor „pomarańczowy” dla „H2” i „Kalibri” jako rodziny czcionek. Nie stosujemy żadnej nieruchomości dla „div1” i „div2”, ustalamy wartość liczbową „900” dla wartości „Waseight”. Mamy „Div3” i „Bold” używane do „font-Weight”, a „Div4”, „Font-Waert” jest ustawione jako „Bolder”.

Pierwszy akapit „Div1” jest prosty i nie ustaliliśmy żadnej wartości „Was-W-W-Waert” dla tego DIV1, więc wartość domyślna jest tutaj ustawiona dla „Div1”. W przypadku innych Divów ustawiamy wartość wartości „czcionki” i tworzymy tekst tych divów „odważny” lub „gruby”. Wspominamy również o „Walarni” wszystkich Divów w wyjściu. Div2 pojawia się w wartości „900”, następny Div3 pojawia się tutaj jako „odważna” wartość dla właściwości „Wash-Wayt” i „Bolder” dla ostatniego Div3.

Wniosek

Nauczyłeś się, jak korzystać z nieruchomości CSS „W-W-Wight” przez ten samouczek. W tym samouczku zbadaliśmy właściwość CSS „W-W-Wight” i wyjaśniliśmy, co ona robi, dlaczego jej używamy, jak go używać i jakie wyniki wytwarza. Nieruchomość „Waseight” została już omówiona w tym samouczku. Wykorzystaliśmy tę właściwość „Was-Wight-Wight” do ustawiania ciężaru czcionki na grubszy lub odważny. Wraz z wynikami każdego przykładu w tym samouczku dostarczyliśmy również kody, jak korzystać. Uważam, że po uważnym przeczytaniu tego samouczka będziesz miał solidne zrozumienie właściwości CSS „W-W-Wight”.