Treoir maidir le formáidiú téacs i CSS

Agus suíomh Gréasáin á dhearadh, is gné thábhachtach é formáidiú téacs chun comhéadan tarraingteach agus inléite a chruthú.

Soláthraíonn CSS roinnt airíonna a ligeann duit gnéithe éagsúla den téacs a shaincheapadh, lena n-áirítear dath an chló, méid, teaghlach, ailíniú, spásáil agus go leor eile.

Anseo thíos tá treoir mhionsonraithe ar gach airí formáidithe téacs, mar aon le samplaí do gach airí.

 

Dath Cló

Paraiméadar: Luach datha, is féidir a bheith ina ainm datha(m.sh., red), cód heicsidheachúlach(m.sh., "#FF0000"), luach RGB(m.sh., "rgb(255, 0, 0)"), nó luach RGBA(m.sh., "rgba(255, 0, 0, 0.5)").

p {  
  color: blue;  
}  

 

Méid cló

Paraiméadar: Luach méide, is féidir a bheith i bpicteilíní(m.sh., "16px"), aonaid em(m.sh., "1em"), aonaid rem(m.sh., "1.2rem"), aonaid leithead an amhairc(m.sh., "10vw"), aonaid airde amhairc(eg, "5vh"), nó aonaid eile.

h1 {  
  font-size: 24px;  
}  

 

Cló Teaghlaigh

Paraiméadar: Liosta teaghlaigh cló, sonraithe san ord tosaíochta. Is féidir leat ainm an chló a shonrú(m.sh., Arial) nó ainmneacha cló a chur isteach ina bhfuil carachtair speisialta i Sleachta dúbailte(m.sh., " Times New Roman).

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

 

Cló Meáchan agus Stíl

Paraiméadar font-weight: normal(default), bold, bolder, lighter, , nó luachanna uimhriúla ó 100 go 900.

Paraiméadar font-style: normal(default), italic.

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

 

Maisiú Téacs

Paraiméadar: "none"(default), "underline", "overline", "line-through"  nó meascán de luachanna scartha le spásanna.

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

 

Ailíniú Téacs

Paraiméadar: "left"(default), "right", "center" or "justify".

p {  
  text-align: center;  
}  

 

Airde Líne agus Imeall

Airde líne na bparaiméadar: Luach uimhriúil nó céatadán den chlómhéid reatha.

Corrlach paraiméadar: Tá luach tomhais, mar shampla picteilíní(px), aonaid em(em), aonaid rem(rem), etc.

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

 

Leagan Amach Téacs Ilcholún

Paraiméadar: Slánuimhir dheimhneach nó "auto"(default).

.container {  
  column-count: 2;  
}  

 

Athrú Datha Téacs ar Ainlíonn

Gan aon pharaiméadar ar leith, bain úsáid as an pseudo-aicme amháin :hover.

a:hover {  
  color: red;  
}  

 

Athrú Datha Téacs ar Staid(gníomhach, ar tugadh cuairt air)

Gan aon pharaiméadar ar leith, bain úsáid as na pseudo-ranganna :active  agus :visited.

a:visited {  
  color: purple;  
}  

 

Tá súil againn gur chabhraigh na mínithe agus na samplaí thuas leat tuiscint a fháil ar an gcaoi le hairíonna formáidithe téacs CSS a úsáid agus a shaincheapadh chun comhéadan téacs tarraingteach agus tarraingteach a chruthú ar do shuíomh Gréasáin.