logo

Krepko besedilo CSS

The teža pisave Lastnost v CSS se uporablja za nastavitev teže ali debeline pisave. Določa, kako tanki ali debeli so znaki v besedilu. The teža pisave lastnost je bodisi odvisna od teže, ki jo določi brskalnik, bodisi od razpoložljivih obrazov pisave v družini pisav. Ta lastnost CSS definira tanke do debele znake.

Sprejema vnaprej določene številčne vrednosti ali vrednosti ključnih besed. Razpoložljive ključne besede, ki jih lahko uporabimo s to lastnostjo, so normalno, krepko, svetlejše in krepko . Številska vrednost je lahko 100, 200, 300, ........., do 900. Višja številska vrednost predstavlja krepkejšo težo pisave kot nižje številske vrednosti.

Sintaksa

 font-weight: normal | bold | bolder | lighter | number | initial | inherit; 

The število v zgornji sintaksi predstavlja številske vrednosti. Številčna vrednost 400 je enaka vrednosti ključne besede normalno , in vrednost 700 je enaka vrednosti ključne besede krepko .

The normalno Strong> vrednost definira običajne znake in krepko vrednost določa debele znake. The drznejši vrednost predstavlja krepkejšo težo pisave in vžigalnik vrednost predstavlja lažjo težo pisave od teže, podedovane od nadrejenega.

Oglejmo si, kako krepko besedilo v CSS s pomočjo ilustracije.

Uvod

CSS je znan kot močno orodje za razvoj spletne strani. S pomočjo tega lahko oblikujemo vsebino HTML na toliko načinov. Ena najpogostejših lastnosti oblikovanja spletne strani je uporaba lastnosti teže pisave. S pomočjo krepkega besedila lahko poudarimo ključne informacije in vizualni kontrast, izboljša pa tudi berljivost vsebine.

Razumevanje lastnosti teže pisave

V CSS obstaja lastnost Font-Weight, ki se uporablja za določanje teže ali debeline pisave. Določa tudi stopnjo krepkosti ali lahkotnosti besedila, pri čemer sprejme višjo vrednost, ki označuje krepko težo pisave. Lastnost font-weight sprejema različne vrednosti, kot so številske in ključne vrednosti.

Razpon številskih vrednosti se giblje med 100 in 900, s koraki po 100. Če na primer vzamemo vrednost teže pisave kot 400, je to normalno, vrednost teže pisave 700 pa velja za krepko. Krepko, krepko, svetlejše in Nekatere pogosto uporabljene vrednosti ključnih besed.

Kako ustvariti krepko besedilo s CSS

Krepko besedilo v HTML lahko ustvarimo s pomočjo CSS. Uporabljamo lahko vgrajene, notranje ali zunanje lastnosti sloga pisave.

1. Kako lahko ustvarimo krepko besedilo s slogom v vrstici

S pomočjo vgrajenega sloga lahko uporabimo lastnost font-weight neposredno za določen element HTML. Vzemimo primer.

koda HTML:

 Document <p>Welcome to javaTpoint</p> <p>This is a bold text</p> 

Izhod

python zapiše json v datoteko
Kako krepko besedilo v CSS

Pojasnilo:

V zgornji kodi smo uporabili vgrajeni CSS in uporabili lastnost font-weight kot krepko.

2. Kako lahko ustvarimo krepko besedilo z notranjim slogom

Tukaj moramo lastnost CSS napisati znotraj oznake head z oznako style. Vzemimo primer:

koda HTML:

 Document p { font-weight: bold; } <p>Welcome to javaTpoint</p> <p>This is a bold text</p> 

Izhod

Kako krepko besedilo v CSS

Pojasnilo:

V zgornji kodi smo uporabili notranji CSS in uporabili lastnost teže pisave.

3. Kako lahko ustvarimo krepko besedilo z zunanjim slogom

Tukaj moramo ustvariti zunanjo datoteko CSS in jo povezati z datoteko HTML. Znotraj te datoteke CSS moramo napisati lastnost sloga. Vzemimo primer.

koda HTML:

 Document <p>Welcome to javaTpoint</p> <p>This is a bold text</p> 

Koda CSS:

 p { font-weight: bold; } 

Izhod

Kako krepko besedilo v CSS

Pojasnilo:

V zgornji kodi smo uporabili zunanjo lastnost CSS in implementirali lastnost teže pisave.

Primer

Poglejmo, kako ustvariti krepko besedilo v različnih odtenkih z uporabo spodnjega primera:

 p{ font-size: 20px; } <p>This font is normal.</p> <p>This font is bold.</p> <p>This font is lighter.</p> <p>This font is bolder.</p> <p>This font is 100 weight.</p> <p>This font is 200 weight.</p> <p>This font is 300 weight.</p> <p>This font is 400 weight.</p> <p>This font is 500 weight.</p> <p>This font is 600 weight.</p> <p>This font is 700 weight.</p> <p>This font is 800 weight.</p> <p>This font is 900 weight.</p> 

Izhod

Kako krepko besedilo v CSS