Criar Web, manuais e recursos para desenvolvimento web
Manuais
Programas
FAQS
Diretório
Comunidade
  Inicio > FAQ
SEÇÕES
Monotemáticos
+ HTML
+ CSS
+ PHP
+ ASP
+ Javascript
Manuais
+ Desde 0
+ Tecnologia
+ Divulgação de sites
+ Flash
+ Mais manuais
Outras Seções
+ Diretório
+ Buscar em CriarWeb
+ Programas
+ Faqs
+ Colabore
Serviços e comunidade
+ Home comunidade
+ Suas Páginas
+ Boletim
+ Cadastrar-se
+ Gerador de METAs
+ Enquete
+ Livro de visitas

Parceiros
- CSS para Web Design
- S.O.S Designers
- Slackware-Brasil
- Crie seu Web site
- Oficina da Net
- CodigoFonte.net


Mudar o estilo da primeira letra de um parágrafo

Quero saber como posso conseguir que a primeira letra de um texto tenha uma tipografia diferente que o resto do parágrafo.

A FAQ Mudar o estilo da primeira letra de um parágrafo tem Pertence à categoria:
Resposta de Miguel Angel Alvarez 26/4/07
Para isso você deverá utilizar folhas de estilo em cascata (CSS). Existe um modo de aplicar um estilo específico à primeira letra de um elemento da página, ou também à primeira linha de qualquer elemento.

Você tem que utilizar os pseudo-element, que permitem definir uma série de atributos para essas partes da etiqueta. Neste caso, deveria aplicar o pseudo-element first-letter.

O exemplo de aplicar uma letra distinta à inicial do parágrafo seria:

P:first-letter {
font-size: 200%;
color: #993333; font-weight: bold;
}

Você poderá encontrar mais informação no artigo Pseudo-element em CSS.

 
FAQ relacionadas
  + Script para diferenciar resoluções de tela
  + Mudar o tamanho de letra de um menu select
  + Aplicar estilo à primeira linha de um texto
  + Links que mudam ao passar o mouse
  + Diferenças de colocar estilos CSS em diferentes lugares
  + Mudar tipografia para toda a página
  + Estilo nos campos de formulário
  + Estilos em barras de deslocamento
  + Como eliminar as margens de cima e debaixo que tem um formulário
  + Definir as margens de um cabeçalho ou título <h1>
  + Alinhamento de texto à direita
  + Centralizar conteúdo da página
  + Elementos de listas LI na mesma linha
  + Links visitados
  + Cor de fonte em uma tabela
  + Caixa com CSS
  + Construir um boletim com CSS
  + Clip em um div
  + Textarea sem borda
  + Menu dinâmico com CSS
  + Diferença entre atributos CSS margin e padding
  + Altura de camada que seja a da janela do navegador (CSS height: 100%)
  + Construir por tabelas ou camadas
  + Como posso mudar a cor da barra de deslocamento?
  + Mudar a cor dos links
  + Menu com CSS
  + Cursor com imagem
  + Como posso mudar a cor das células quando passo o ponteiro por cima delas?
  + Camadas com CSS
  + Estilo em tabelas HTML com CSS
  + Ocultar camadas com Css
  + CSS dinâmico com ASP
  + Minúsculas com CSS
  + Centralizar site em qualquer resolução

Complementar a respostaComplementar a resposta
Voltar à árvore de categoriasVoltar à árvore de categorias


Sobre nós | Copyright | Anuncie | Entrar em contato <criarweb>

Hospedado por Hostnet Hospedagem de Sites