Artigo Diretório
nós usamosSite WordPressPrecisa aprender algumas noções básicas de CSS e HTML:
- Devido aos arquivos de estilo CSS de alguns temas do WordPress, os estilos pré e de tag de código não são adicionados.
- A maioria dos navegadores atualmente suportamarca.
HTML Exemplo de rótulo
A seguir está o estilo CSS da tag pre (que pode envolver automaticamente o código 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; }
O seguinte é o estilo CSS da tag de código ▼
code { background: #f1f1f1; color: #555; margin: 0 2px; padding: 2px 4px; border-radius: 2px; }
Uso:
- Por favor, copie as tags CSS acima para o tema WordPress
style.css
no arquivo.
Função de pré-tag HTML e instruções de uso
- Os rótulos definem o texto pré-formatado.
- Nos elementos de marcação, o texto contido geralmente deixa espaços e quebras de linha.
- O texto também será exibido em fonte monoespaçada.
A marcação é frequentemente标记结合使用,以获得更精确的语义,用于标记需要在页面中呈现的源代码。
Se você deseja colocar o formato de texto especificado em HTML, você precisa aproveitar o atributo do elemento principal.
Dicas e instruções
dica:Um uso comum de tags é representar o código-fonte de um computador.
Diferenças entre HTML 4.01 e HTML5
No HTML 4.01, o atributo "width" está obsoleto e não pode ser usado. HTML5 não suporta o atributo "width".
Atributo
Descrição do valor da propriedade
- O número de largura HTML5 não suporta este atributo.
- Este atributo está obsoleto no HTML 4.01.
- Define o número máximo de caracteres por linha (geralmente 40,80, 132 ou XNUMX).
propriedades globais
<pre>
A marcação suporta atributos globais e veja os atributos globais HTML da folha de propriedades completa.
Propriedades do evento
- As tags suportam todos os atributos de evento HTML.
Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) compartilhou "O que é pré no estilo CSS? O papel das tags de código de quebra automática de linha em HTML" é útil para você.
Bem-vindo a compartilhar o link deste artigo:https://www.chenweiliang.com/cwl-2116.html
Bem-vindo ao canal Telegram do blog de Chen Weiliang para receber as últimas atualizações!
📚 Este guia contém um valor enorme, 🌟Esta é uma oportunidade rara, não perca! ⏰⌛💨
Compartilhe e curta se gostar!
Seus compartilhamentos e curtidas são nossa motivação contínua!