Ի՞նչ է նախապես CSS ոճում: Նախնական փաթաթման կոդի պիտակների դերը HTML-ում

մենք օգտագործում ենքWordPress կայքըՊետք է սովորել CSS-ի և HTML-ի որոշ հիմունքներ.

  • WordPress-ի որոշ թեմաների CSS ոճի ֆայլերի պատճառով նախընտրական և կոդային պիտակների ոճերը չեն ավելացվել:
  • Բրաուզերների մեծ մասը ներկայումս աջակցում էնշագծել.

CSS-ի և HTML-ի տարրական իմացություն

HTML  Պիտակի օրինակ

Հետևյալը նախընտրական թեգի CSS ոճն է (որը կարող է ավտոմատ կերպով փաթաթել html կոդը) ▼

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

Ստորև ներկայացված է ▼ կոդի պիտակի CSS ոճը

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

Հրահանգներ.

  • Խնդրում ենք պատճենել վերը նշված CSS պիտակները WordPress թեմայի վրա style.css ֆայլում։

HTML նախատեգերի գործառույթ և օգտագործման հրահանգներ

  • Պիտակները սահմանում են նախապես ձևավորված տեքստը:
  • Նշման տարրերում պարունակվող տեքստը սովորաբար թողնում է բացատներ և տողերի ընդմիջումներ:
  • Տեքստը կցուցադրվի նաև monospace տառատեսակով:

Նշանակումը հաճախ标记结合使用,以获得更精确的语义,用于标记需要在页面中呈现的源代码。

Եթե ​​ցանկանում եք տեղադրել նշված տեքստի ձևաչափը HTML-ում, ապա պետք է օգտվեք առաջատար տարրի հատկանիշից:

Խորհուրդներ և հրահանգներ

հուշում:Թեգերի ընդհանուր օգտագործումը համակարգչի սկզբնական կոդը ներկայացնելն է:

Տարբերությունները HTML 4.01-ի և HTML5-ի միջև

HTML 4.01-ում «լայնություն» հատկանիշը հնացած է և չի կարող օգտագործվել: HTML5-ը չի աջակցում «լայնություն» հատկանիշը:

属性

Գույքի արժեքի նկարագրությունը

  • Լայնության համարը HTML5-ը չի աջակցում այս հատկանիշին:
  • Այս հատկանիշը հնացած է HTML 4.01-ում:
  • Սահմանում է տողում նիշերի առավելագույն քանակը (սովորաբար 40,80, 132 կամ XNUMX):

գլոբալ հատկություններ

  • <pre>Նշումն աջակցում է գլոբալ ատրիբուտներին և տես HTML գլոբալ ատրիբուտների գույքի ամբողջական թերթիկը:

Իրադարձությունների հատկությունները

  • Թեգերն աջակցում են HTML իրադարձության բոլոր ատրիբուտներին:

Հույս Chen Weiliang բլոգ ( https://www.chenweiliang.com/ ) կիսվել է «What is pre in CSS style? HTML-ում տողերի նախնական ավտոմատ փաթեթավորման կոդերի պիտակների դերը» օգտակար է ձեզ համար:

Բարի գալուստ՝ կիսելու այս հոդվածի հղումը.https://www.chenweiliang.com/cwl-2116.html

Ավելի շատ թաքնված հնարքներ բացահայտելու համար🔑, միացեք մեր Telegram ալիքին։

Տարածեք և հավանեք, եթե ձեզ դուր եկավ: Ձեր կիսումներն ու հավանումները մեր շարունակական շարժառիթն են:

 

发表 评论

Ձեր էլփոստի հասցեն չի հրապարակվի: Օգտագործվում են պահանջվող դաշտերը * Պիտակ

Ոլորել դեպի սկիզբ