Como selecionar segmentos específicos para HTML5 e CSS3 Programação

Às vezes, você pode querer selecionar apenas segmentos específicos na sua página web HTML5 e CSS3. Dê uma olhada em como você deve se referir a alguém que não aprecia o seu talento de desenvolvimento web.

Definindo mais de um tipo de ponto

Além de seu mérito cultural, esta página é interessante porque tem três estilos de parágrafo diferentes. O parágrafo introdutório é normal. A citação é definido em itálico, e que a atribuição é com espaçamento simples e retos, alinhados.

A citação no seguinte código foi gerado por um grande local: o Gerador de insulto de Shakespeare. Nada é mais gratificante do que dizer a alguém fora em pentâmetro iâmbico.

image0.jpg
quote.html
Citar literatura do Dia
Como dizer a alguém fora da maneira elegante:
[Tu] couro-gibão, cristal botão, nó-pated, ágata-ring, vomitar-meia, caddis-liga, liso-língua, bolsa de espanhol!
-William Shakespeare (Henry IV, Parte I)

Styling identificados nos números

Até agora, você já usou CSS para aplicar um estilo particular de um elemento em toda a página. Por exemplo, você pode adicionar um estilo para a marca, e que estilo se aplica a todos os parágrafos na página.

Às vezes (como na página insulto Shakespeare), você quer dar mais um elemento de um estilo. Você pode fazer isso, nomeando cada elemento e usando o nome na folha de estilo CSS. Veja como funciona:

  1. Adicionar um identidade atribuir a cada elemento HTML que pretende modificar.

  2. Fazer um estilo de CSS.

    Use um sinal de libra, seguido de identificação do elemento em CSS para especificar que você não está falando de um tipo de tag mais, mas um elemento específico: Por exemplo, o código CSS contém o selector #atribuição, significado, # 147 Aplicar este estilo para um elemento com o ID de atribuição # 148.;

     #attribution {

  3. Adicione o estilo.

    Criar um estilo para a exibição de seu elemento nomeado. Neste caso, você quer o parágrafo com o atribuição ID direita; alinhados, monospace, e um pouco menor do que o normal. Este estilo vai ser anexado somente ao elemento específico.

     #attribution {font: 80% monospace-text-align: right;}

O truque ID funciona muito bem em qualquer elemento nomeado. IDs tem que ser único, por isso esta técnica é melhor quando você tem um estilo que você deseja aplicar a apenas um elemento na página. Não importa qual elemento HTML que é. Se ele tem o ID citar, a #citar estilo é aplicado a ele. Você pode ter ambos os seletores de identidade e seletores comuns na mesma folha de estilo.

Semelhante

menu