Como criar Styles ID em Cascading Style Sheets (CSS)

A style ID é uma espécie de híbrido Cascading Style Sheet (CSS) regra de estilo que combina certos elementos de ambos os estilos de classe personalizada e tag redefinir. Com um estilo ID, as declarações definidas nesse estilo são automaticamente aplicados a qualquer objeto na página que tem um identidade atributo que corresponda à identidade nome no estilo ID.

Ao estilo de um objeto com um identidade atributo, você deve primeiro criar um seletor que inclui o símbolo de número (#) Seguida pela identidade nome, tal como #Barra Lateral, e, em seguida, adicionar o número de declarações para o modelo, como desejado, como no exemplo a seguir:

#sidebar {border: 1px frustradas # cad0d6-margin: 0px 1px 0px 0px; padding: 10px;}

Depois de ter criado o seu estilo no CSS, adicione o identidade atributo e estilo valor nome para a tag do objeto ou outra tag recipiente HTML que usa o estilo, como na abertura. O tag é um recipiente de nível de bloco. Normalmente, as tags de bloco conter elementos inline e outros elementos de bloco.

Para ilustrar ainda mais essa idéia, presumo que você tem uma camada na sua página (usando a tag) que contém um cabeçalho que diz # 147 Popcorn Makers # 148- e abaixo dele uma lista de cinco marcas diferentes de fabricantes de pipoca para venda.

image0.jpg

Quando você dá a camada de um atributo ID de popcornmakers, utilizando a sintaxe id = "popcornmakers", e criar um estilo usando a sintaxe #popcornmakers, que o estilo de ID é automaticamente aplicado à camada.

image1.jpg

Aqui está um exemplo de como esse estilo ID está escrito na CSS:

#popcornmakers {font-family: Georgia, "Times New Roman", Times, serif-background-color: # FFC-border: 1px solid # 039-position: absolute-width: 330px; height: 180px; z-index: 1 -left: 50px; top: 50px; padding: 10px;}

E aqui é o que a marcação HTML se parece com:

id = ""> popcornmakers
fabricantes de pipoca
  • Presto Hot Air fabricante da pipoca
  • Clássico da pipoca Popper
  • Retro fabricante da pipoca
  • West Bend Housewares fabricante da pipoca
  • Cuisinart EasyPop fabricante da pipoca

Assim como o seletor de tags redefine, que muda automaticamente como conteúdo rodeado por uma determinada marca aparecer, a qualquer momento que um nome de estilo usa o #identidade sintaxe, a definição de estilo é automaticamente aplicado ao objeto com a correspondência identidade atributo.

Semelhante

menu