Kako napraviti podebljani CSS

Prva verzija modernog HTML jezika pojavila se negdje početkom 90-ih i imala je funkciju prijenosa informacija. Zahvaljujući tom jeziku, danas se počeo razvijati poznati jezik. World Wide Web, na koje smo svi tako navikli. Međutim, ako dublje zaronimo u povijest, vidjet ćemo da je još davne 1945. Vannevar Bush, američki državljanin koji je bio povremeni znanstveni savjetnik predsjednika, spomenuo hipertekst. Godine 1968., dvadeset tri godine kasnije, Douglas Engelbart, koji je bio izumitelj miša i nekih drugih uređaja, uspio je prikazati rad hipertekstualne veze u svom uređivaču teksta. To je bio početak HTML HTML jezika.

Malo o CSS-u

Godine 1994. predložena je ideja o stvaranju kaskadnih stilskih listova temeljenih na HTML-u. Ova ideja je imala jednu glavnu ideju - odvojiti dizajn web-mjesta od njegovog neposrednog sadržaja.

17. prosinca 1996. već je usvojena prva verzija CSS-a. Osamnaestog svibnja 1998. stupila je na snagu druga verzija - CSS2. Nakon 11 godina, CSS2 je uređen i ispravljen. Tako se pojavila verzija 2.1. Danas postoji treća opcija.

Što je font? i zašto je potrebna na mjestu?

Font je sastavni dio web dizajna bilo koje stranice, zahvaljujući kojoj će resurs izgledati privlačnije, jer će posjetiteljima biti lakše pročitati informacije ako su potrebni dijelovi teksta podebljani ili kurzivni. Sada će se razmatrati samo mogućnost korištenja podebljanog fonta u CSS-u.

Kako napraviti podebljani CSS?

Da biste postavili podebljani font u CSS-u, morate koristiti font-weight. Sada ćemo razmotriti nekoliko točaka u kojima će biti prikazano koje su vrijednosti moguće za određeno svojstvo:

• Ako koristite normalno svojstvo, dobivate obični font.
• Ako je podebljano - mast.
• Bolder je malo bold font nego bold.
• A lakša imovina bit će manje odvažna od podebljanih.

Također koristi brojeve od 100 do 900. Zahvaljujući tim vrijednostima, možete postaviti svojstva iz vrlo tankog fonta na vrlo podebljano. U ovom slučaju, debljina slova će se povećavati - od najmanje numeričke vrijednosti (100) do najveće (900). Treba imati na umu da će zadani podebljani font biti jednak 700, a zadana vrijednost normalne funkcije bit će 400.

Kako podebljano izgleda u CSS-u

Prvo stavite p i otvorite kovrčavu zagradu - p {. Drugo, upisuje se svojstvo font-weight, zatim dvotočka, a zatim se navodi pisana ili brojčana vrijednost jednog od svojstava, kao što je gore opisano - font-weight: bold. Na kraju, možete staviti točku-zarez u slučaju da ćete nabrajati vrijednosti drugih svojstava u vitičastim zagradama. Treće, zagrada je zatvorena -}.

Razmotrite kako možete postaviti istu vrijednost na dva različita načina.
Prvi koristi funkciju numeričke vrijednosti, koja je jednaka 700:

• , my-bold-font {
• boja: crna;
• težina fonta: 700;
• }

Druga metoda koristi bold funkciju.

Da biste omogućili da napravite podebljano u CSS-u, koristimo bold funkciju, koja, kao što je gore spomenuto, ima numeričku vrijednost 700. U ovom slučaju nećete vidjeti nikakvu razliku, pa koristite tu funkciju više voliš:

• , my-bold-font {
• boja: crna;
• font-weight: bold;
• }

Sada znate kako izraditi podebljani tekst u CSS-u. Detaljno smo ispitali koje se funkcije i vrijednosti mogu koristiti za to.