Što je pre u CSS stilu? Uloga kodnih oznaka prije omatanja u HTML-u

koristimoWordPress web stranicaTrebate naučiti neke osnove CSS-a i HTML-a:

  • Zbog CSS stilskih datoteka nekih WordPress tema, stilovi pre i kodne oznake nisu dodani.
  • Većina preglednika trenutno podržavaocjena.

Osnovno poznavanje CSS-a i HTML-a

HTML  Primjer oznake

Slijedi CSS stil pretoznake (koja može automatski omotati html kod) ▼

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

Slijedi CSS stil kodne oznake ▼

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

Upute:

  • Kopirajte gornje CSS oznake u WordPress temu style.css u datoteci.

HTML pre tag funkcija i upute za korištenje

  • Oznake definiraju unaprijed formatirani tekst.
  • U elementima označavanja sadržani tekst obično ostavlja razmake i prijelome redaka.
  • Tekst će također biti prikazan jednostrukim fontom.

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

Ako želite smjestiti navedeni format teksta u HTML, morate iskoristiti atribut vodećeg elementa.

Savjeti i upute

savjet:Uobičajena upotreba oznaka je predstavljanje izvornog koda računala.

Razlike između HTML 4.01 i HTML5

U HTML 4.01 atribut "width" je zastario i ne može se koristiti. HTML5 ne podržava atribut "width".

svojstvo

Opis vrijednosti nekretnine

  • Broj širine HTML5 ne podržava ovaj atribut.
  • Ovaj je atribut zastario u HTML-u 4.01.
  • Definira najveći broj znakova po retku (obično 40,80, 132 ili XNUMX).

globalna svojstva

  • <pre>Označavanje podržava globalne atribute i pogledajte potpunu listu svojstava HTML globalnih atributa.

Svojstva događaja

  • Oznake podržavaju sve atribute HTML događaja.

发表 评论

Vaša email adresa neće biti objavljena. Koriste se obavezna polja * Označiti

Dođite na vrh