Quatro tipos de Cascading Style Sheets em Web Design

Cascading Style Sheets (CSS) são classificados em quatro tipos diferentes (ou estilos). Quando você entender como esses quatro tipos diferentes trabalhar, você estará denominando suas páginas web de forma mais eficiente.

Para manter o seu CSS organizada, utilize comentário CSS tags para identificar as diferentes secções de CSS dentro de sua folha de estilo. Por exemplo, você pode ter uma seção para os estilos de cabeçalho, para os estilos da barra lateral, para os estilos de navegação e para os estilos de rodapé. comentários usar o CSS / * # 133- * / sintaxe:

/ * Este é um comentário * /

estilo de classe (aka estilo personalizado)

estilos de classe pode ser selectivamente aplicado a qualquer elemento HTML usando o class ="customname" sintaxe. Por exemplo, você pode criar um estilo de classe chamada realçar que tem uma cor de fundo amarelo brilhante:

.destaque {background-color: # FFFF33-}

Para aplicar esse estilo a qualquer conteúdo, você simplesmente usar o atributo de classe:

class ="realçar">Isso é realmente importante

identidade

estilos de ID são automaticamente aplicados a um elemento HTML na página com o mesmo ID. Por exemplo, se você quiser adicionar uma tag para manter o seu conteúdo da barra lateral, você daria esse recipiente um ID semântica, como a barra lateral:

#sidebar {background-color: # 66CCFF-}

Seu código pode, em seguida, algo parecido com isto:

ID ="Barra Lateral">

Custom Web Design Services

# 133;

etiqueta

estilos de tags permitem que você redefinir automaticamente o estilo e posicionamento de qualquer tag HTML existente, como corpo, p, h1, ou li. Por exemplo, você pode definir os estilos de fonte para todas as suas

Tag ao longo de todo o seu site ou dentro de uma seção específica:

h1 {font-family: Arial, Helvetica, sans-serif-font-size: 1.2em-font-weight: bold-color: # 8c9292-text-transform: uppercase-}

Composto

estilos composto também são aplicadas automaticamente a um elemento base em sua localização dentro da página, como todas as tags dentro do com a ID da barra lateral, que fica dentro de um contêiner pai com o ID de embrulho:

#wrapper #sidebar h1 {color: # CC3300-font-family: "Times New Roman", Geórgia, Serif-}

menu