Gwida għall-Format tat-Test f'CSS

Meta tfassal websajt, l-ifformattjar tat-test huwa aspett importanti tal-ħolqien ta 'interface attraenti u li tinqara.

CSS jipprovdi diversi proprjetajiet li jippermettulek tippersonalizza diversi elementi tat-test, inkluż il-kulur tat-tipa, id-daqs, il-familja, l-allinjament, l-ispazjar, u aktar.

Hawn taħt hawn gwida dettaljata dwar kull proprjetà tal-ifformattjar tat-test, flimkien ma 'eżempji għal kull proprjetà.

 

Kulur tat-tipa

Parametru: Valur tal-kulur, li jista' jkun isem tal-kulur(eż. red), kodiċi hex(eż., "#FF0000"), valur RGB(eż., "rgb(255, 0, 0)"), jew valur RGBA(eż., "rgba(255, 0, 0, 0.5)").

p {  
  color: blue;  
}  

 

Daqs tat-Tipa

Parametru: Valur tad-daqs, li jista' jkun f'pixels(eż., "16px"), unitajiet em(eż., "1em"), unitajiet rem(eż., "1.2rem"), unitajiet tal-wisa 'tal-vista(eż., "10vw"), unitajiet tal-għoli tal-wiri(eż., "5vh"), jew unitajiet oħra.

h1 {  
  font-size: 24px;  
}  

 

Familja Font

Parametru: Lista tal-familja tat-tipa, speċifikata fl-ordni preferuta. Tista' tispeċifika l-isem tat-tipa(eż., Arial) jew tehmeż ismijiet tat-tipa li jkun fihom karattri speċjali fi kwotazzjonijiet doppji(eż., " Times New Roman).

body {  
  font-family: Arial, sans-serif;  
}  

 

Piż tat-Tip u Stil

Parametru font-weight: normal(default), bold, bolder, lighter, jew valuri numeriċi minn 100 sa 900.

Parametru font-style: normal(default), italic.

em {  
  font-style: italic;  
}  
  
strong {  
  font-weight: bold;  
}  

 

Dekorazzjoni tat-Test

Parametru: "none"(default), "underline", "overline", "line-through"  jew taħlita ta' valuri separati bi spazji.

a {  
  text-decoration: underline;  
}  
  
del {  
  text-decoration: line-through;  
}  

 

Allinjament tat-Test

Parametru: "left"(default), "right", "center" or "justify".

p {  
  text-align: center;  
}  

 

Għoli tal-Linja u Marġini

Parametru line-height: Valur numeriku jew persentaġġ tad-daqs tat-tipa attwali.

Marġni tal-parametru: Valur tal-kejl, bħal pixels(px), unitajiet em(em), unitajiet rem(rem), eċċ.

p {  
  line-height: 1.5;  
  margin-bottom: 10px;  
}  

 

Tqassim tat-test b'ħafna kolonni

Parametru: A numru sħiħ pożittiv jew "auto"(default).

.container {  
  column-count: 2;  
}  

 

Bidla fil-Kulur tat-Test fuq Hover

L-ebda parametru speċifiku, uża biss il-psewdo-klassi :hover.

a:hover {  
  color: red;  
}  

 

Bidla fil-Kulur tat-Test fl-Istat(attiva, miżjura)

L-ebda parametru speċifiku, uża biss il-psewdo-klassijiet :active  u :visited.

a:visited {  
  color: purple;  
}  

 

Nittamaw li l-ispjegazzjonijiet u l-eżempji ta’ hawn fuq għenuk tifhem kif tuża u tippersonalizza l-proprjetajiet tal-ifformattjar tat-test fis-CSS biex toħloq interface tat-test viżwalment attraenti u involviment fuq il-websajt tiegħek.