Cad é réamh i stíl CSS? Ról na clibeanna cód réamh-timfhilleadh i HTML

Chun suíomh Gréasáin a thógáil ag baint úsáide as WordPress, ní mór dúinn roinnt CSS agus HTML bunúsach a fhoghlaim:

  • Mar gheall ar chomhaid stíl CSS roinnt téamaí WordPress, ní chuirtear na stíleanna réamhchlibeanna agus cód leis.
  • Tacaíonn formhór na mbrabhsálaithe faoi láthair marc.

Buneolas ar CSS agus HTML

HTML  Sampla lipéad

Seo a leanas stíl CSS na réamhchlib (a ligeann don chód html fillte go huathoibríoch)▼

pre {
border: 1px solid #d1d1d1;
line-height: 190%;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 15px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}

Seo a leanas stíl CSS an chlib chóid ▼

code {
background: #f1f1f1;
color: #555;
margin: 0 2px;
padding: 2px 4px;
border-radius: 2px;
}

Treoracha:

  • Cóipeáil na clibeanna CSS thuas i do théama WordPress le do thoil style.css sa chomhad.

Feidhm HTML réamhchlib agus treoracha úsáide

  • Sainmhíníonn clibeanna téacs réamhfhormáidithe.
  • In eilimintí marcála, fágtar spásanna agus línte nua de ghnáth sa téacs atá istigh.
  • Beidh an téacs le feiceáil freisin i gcló ar leithead seasta.

Is minic标记结合使用,以获得更精确的语义,用于标记需要在页面中呈现的源代码。

Más mian leat formáidiú téacs sonraithe a chur in HTML, ní mór duit úsáid a bhaint as tréithe na príomhghné.

Leideanna agus Treoracha

leid: Úsáid choitianta clibeanna is ea cód foinse an ríomhaire a léiriú.

Difríochtaí idir HTML 4.01 agus HTML5

In HTML 4.01, tá an aitreabúid "leithead" i léig agus ní féidir é a úsáid. Ní thacaíonn HTML5 leis an aitreabúid "leithead".

Tréith

Cur síos ar luach maoine

  • Ní thacaíonn an uimhir leithead HTML5 leis an tréith seo.
  • Déantar an tréith seo a dhímheas in HTML 4.01.
  • Sainmhíníonn sé an t-uaslíon carachtar in aghaidh an líne (40,80, 132 nó XNUMX de ghnáth).

Airíonna domhanda

  • <pre>Tacaíonn an marcáil le tréithe domhanda, agus féach ar an tábla tréithe iomlán le haghaidh tréithe domhanda HTML.

airíonna imeacht

  • Tacaíonn Markup le gach tréithe imeacht HTML.

Tá súil agam go mbeidh an t-alt "What is 'pre' in CSS Styles? The Function of the 'pre' Tag for Automatic Line Breaking in HTML," atá roinnte ar bhlag Chen Weiliang ( https://www.chenweiliang.com/ ), ina chuidiú duit.

Ná bíodh drogall ort nasc an ailt seo a roinnt: https://www.chenweiliang.com/cwl-2116.html

Chun níos mó cleasanna ceilte a dhíghlasáil🔑, fáilte romhat páirt a ghlacadh inár gcainéal Telegram!

Roinn agus maith más maith leat é! Is iad do chuid scaireanna agus rudaí is maith leat ár spreagadh leanúnach!

 

发表 评论

您的邮箱地址不会被公开。必填项已用*标注

Scrollaigh go dtí an Barr