Co je pre ve stylu CSS? Role předbalení značek kódu v HTML

používámeWeb WordPressPotřebujete se naučit některé základy CSS a HTML:

  • Kvůli souborům stylů CSS některých témat WordPress nejsou přidány styly značek před a kód.
  • Většina prohlížečů v současnosti podporujeoznačit.

Webová stránka HTML 5 image adaptive screen img proporcionální škálovací kód

HTML  Příklad štítku

Následuje styl CSS před tagu (který dokáže automaticky obalit html kód) ▼

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

Následuje styl CSS značky kódu ▼

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

Instrukce:

  • Zkopírujte výše uvedené značky CSS do motivu WordPress style.css v souboru.

Funkce HTML před tagem a pokyny k použití

  • Štítky definují předformátovaný text.
  • Ve značkovacích prvcích obsažený text obvykle ponechává mezery a zalomení řádků.
  • Text bude také zobrazen písmem s neproporcionálním písmem.

Označení se často标记结合使用,以获得更精确的语义,用于标记需要在页面中呈现的源代码。

Pokud chcete umístit zadaný textový formát do HTML, musíte využít atribut úvodního prvku.

Tipy a pokyny

náznak:Běžné použití značek je reprezentovat zdrojový kód počítače.

Rozdíly mezi HTML 4.01 a HTML5

V HTML 4.01 je atribut "width" zastaralý a nelze jej použít. HTML5 nepodporuje atribut "width".

Atribut

Popis hodnoty nemovitosti

  • Číslo šířky HTML5 tento atribut nepodporuje.
  • Tento atribut je v HTML 4.01 zastaralý.
  • Definuje maximální počet znaků na řádek (obvykle 40,80, 132 nebo XNUMX).

globální vlastnosti

  • <pre>Značení podporuje globální atributy a podívejte se na úplný seznam globálních atributů HTML.

Vlastnosti události

  • Značky podporují všechny atributy událostí HTML.

Blog Hope Chen Weiliang ( https://www.chenweiliang.com/ ) shared „Co je pre ve stylu CSS? Užitečná je pro vás role předautomatických značek kódu pro zalamování řádků v HTML.

Vítejte u sdílení odkazu na tento článek:https://www.chenweiliang.com/cwl-2116.html

Vítejte na telegramovém kanálu blogu Chen Weiliang, kde získáte nejnovější aktualizace!

🔔 Buďte první, kdo získá cenný „Průvodce používáním nástroje AI pro obsahový marketing ChatGPT“ v hlavním adresáři kanálu! 🌟
📚 Tento průvodce má obrovskou hodnotu, 🌟Toto je vzácná příležitost, nenechte si ji ujít! ⏰⌛💨
Sdílejte a lajkujte, pokud se vám líbí!
Vaše sdílení a lajky jsou naší neustálou motivací!

 

发表 评论

Vaše e-mailová adresa nebude zveřejněna. 必填 项 已 用 * 标注

滚动 到 顶部