Zer da pre CSS estiloan? HTML-n kodearen etiketak aurrez biltzearen papera

erabiltzen duguWordPress webguneaCSS eta HTML oinarri batzuk ikasi behar dituzu:

  • WordPress-eko gai batzuen CSS estilo-fitxategiak direla eta, aurreko eta kode etiketa-estiloak ez dira gehitzen.
  • Gaur egun arakatzaile gehienek onartzen dutemarkatu.

CSS eta HTML oinarrizko ezagutzak

HTML  Etiketa adibidea

Honako hau da aurre-etiketaren CSS estiloa (html kodea automatikoki bil dezakeena) ▼

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;
}

Honako hau da ▼ kodea etiketaren CSS estiloa

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

Argibideak:

  • Kopiatu goiko CSS etiketak WordPress gaira style.css fitxategian.

HTML etiketa aurreko funtzioa eta erabilera argibideak

  • Etiketak aurrez formateatutako testua definitzen du.
  • Markatze-elementuetan, jasotako testuak normalean zuriuneak eta lerro-jauziak uzten ditu.
  • Testua tarte bakarreko letra-tipoarekin ere bistaratuko da.

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

Zehaztutako testu-formatua HTMLn jarri nahi baduzu, elementu nagusiaren atributua aprobetxatu behar duzu.

Aholkuak eta argibideak

aholkua:Etiketen erabilera ohikoa ordenagailu baten iturburu-kodea irudikatzea da.

HTML 4.01 eta HTML5 arteko desberdintasunak

HTML 4.01-en, "zabalera" atributua zaharkituta dago eta ezin da erabili. HTML5-ek ez du "zabalera" atributua onartzen.

attribute

Jabetza-balioaren deskribapena

  • Zabalera zenbakia HTML5 ez du onartzen atributu hau.
  • Atributu hau HTML 4.01-n zaharkituta dago.
  • Lerro bakoitzeko gehieneko karaktere kopurua definitzen du (normalean 40,80, 132 edo XNUMX).

propietate globalak

  • <pre>Markupak atributu globalak onartzen ditu eta propietate-orri osoa HTML atributu globalak ikusten ditu.

Gertaeren propietateak

  • Etiketak HTML gertaeren atributu guztiak onartzen ditu.

Hope Chen Weiliang bloga ( https://www.chenweiliang.com/ ) partekatu du "Zer da pre CSS estiloan? Lerro aurre automatikoki biltzeko kode etiketen rola HTMLn" lagungarria da.

Ongi etorri artikulu honen esteka partekatzera:https://www.chenweiliang.com/cwl-2116.html

Desblokeatu AI laguntza eta esan agur lan eraginkorrari! 🔓💼


🔔 Lortu berehala "DeepSeek Prompt Word Artifact" kanalaren goiko direktorioan! 🎯
📚 Galdu ezazu = Atzean geratu betiko! Hartu neurriak orain! ⏳💨

Partekatu eta gustatu gustatzen bazaizu! Zure partekatzeak eta gustukoak dira gure etengabeko motibazioa!

 

发表 评论

Zure helbide elektronikoa ez da argitaratuko. 必填 项 已 用 * 标注

Igo korrituko