logo

CSS treknraksts

The fonta svars Īpašums CSS tiek izmantots, lai iestatītu fonta svaru vai biezumu. Tas norāda, cik plānas vai biezas ir rakstzīmes tekstā. The fonta svars rekvizīts ir atkarīgs no pārlūkprogrammas norādītā svara vai fontu saimē pieejamajām fontu virsmām. Šis CSS rekvizīts definē mazas vai biezas rakstzīmes.

Tā pieņem iepriekš definētas skaitliskās vērtības vai atslēgvārdu vērtības. Pieejamie atslēgvārdi, kurus varam izmantot šim īpašumam, ir normāls, trekns, vieglāks un drosmīgāks . Skaitliskā vērtība var būt 100, 200, 300, ........., līdz 900. Lielāka skaitliskā vērtība norāda uz treknāku fonta svaru nekā zemākās skaitliskās vērtības.

Sintakse

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

The numuru iepriekš minētajā sintaksē apzīmē skaitliskās vērtības. Skaitliskā vērtība 400 ir tāda pati kā atslēgvārda vērtība normāli un vērtību 700 ir tāda pati kā atslēgvārda vērtība treknrakstā .

The normāli strong> vērtība definē parastās rakstzīmes un treknrakstā vērtība norāda biezās rakstzīmes. The drosmīgāks vērtība apzīmē treknāko fonta svaru un šķiltavas vērtība apzīmē vieglāku fonta svaru nekā svaru, kas mantots no vecāka.

Apskatīsim, kā CSS tekstu izmantot treknrakstā, izmantojot ilustrāciju.

Ievads

CSS ir pazīstams kā spēcīgs rīks tīmekļa lapas izstrādei. Ar to palīdzību mēs varam veidot HTML satura stilu tik daudzos veidos. Viena no visizplatītākajām tīmekļa lapas stila īpašībām ir fonta svara rekvizīta palīdzība. Ar treknraksta palīdzību mēs varam uzsvērt galveno informāciju un vizuālo kontrastu, kā arī uzlabo satura lasāmību.

Izpratne par fonta svara rekvizītu

CSS ir Font-Weight rekvizīts, ko izmanto, lai noteiktu fonta svaru vai biezumu. Tas arī nosaka teksta treknuma vai viegluma pakāpi, pieņemot augstāko vērtību, kas norāda uz treknāku fonta svaru. Fonta svara rekvizīts pieņem dažādas vērtības, piemēram, ciparu un atslēgvārdu vērtības.

Skaitlisko vērtību diapazons ir no 100 līdz 900, ar soli 100. Piemēram, ja fonta svara vērtību ņemam kā 400, tas ir normāli, savukārt fonta svara vērtība 700 tiek uzskatīta par treknrakstā. Treknraksts, drosmīgāks, gaišāks un Dažas biežāk lietotās atslēgvārdu vērtības.

Kā izveidot treknrakstu tekstu, izmantojot CSS

Mēs varam izveidot treknrakstā tekstu HTML, izmantojot CSS. Mēs varam izmantot iekļauto, iekšējo vai ārējo fonta stila rekvizītus.

1. Kā mēs varam izveidot treknrakstu tekstu, izmantojot iekļauto stilu

Izmantojot iekļauto stilu, mēs varam izmantot font-weight rekvizītu tieši konkrētam HTML elementam. Ņemsim piemēru.

HTML kods:

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

Izvade

Kā CSS izrakstīt tekstu treknrakstā

Paskaidrojums:

Iepriekš minētajā kodā mēs izmantojām iekļauto CSS un lietojām fonta svara rekvizītu kā treknrakstu.

2. Kā mēs varam izveidot treknu tekstu, izmantojot iekšējo stilu

Šeit mums ir jāraksta CSS rekvizīts head tagā ar stila tagu. Ņemsim piemēru:

HTML kods:

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

Izvade

pavasara instrumentu komplekts
Kā CSS izrakstīt tekstu treknrakstā

Paskaidrojums:

Iepriekš minētajā kodā esam izmantojuši iekšējo CSS un lietojuši fonta svara rekvizītu.

3. Kā mēs varam izveidot treknrakstu tekstu, izmantojot ārējo stilu

Šeit mums ir jāizveido ārējs CSS fails un jāsaista tas ar HTML failu. Šajā CSS failā mums ir jāieraksta stila rekvizīts. Ņemsim piemēru.

HTML kods:

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

CSS kods:

 p { font-weight: bold; } 

Izvade

Kā CSS izrakstīt tekstu treknrakstā

Paskaidrojums:

Iepriekš minētajā kodā esam izmantojuši ārējo CSS rekvizītu un ieviesuši fonta svara rekvizītu.

Piemērs

Apskatīsim, kā izveidot treknrakstu dažādos toņos, izmantojot tālāk redzamo piemēru:

 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> 

Izvade

Kā CSS izrakstīt tekstu treknrakstā