HTML class Attribute

Exemplo

Use da class atributo em um documento HTML:

<html>
<head>
<style>
h1.intro {
color: blue;
}

p.important {
color: green;
}
</style>
</head>
<body>

<h1 class="intro">Header 1</h1>
<p>A paragraph.</p>
<p class="important">Note that this is an important paragraph. :)</p>

</body>
</html>

Tente você mesmo "

Mais "Tente você mesmo" exemplos abaixo.

Definição e Uso

A class atributo especifica um ou mais nomes de classes para um elemento.

A class atributo é usado principalmente para apontar para uma classe em uma folha de estilo. No entanto, também pode ser usado por um JavaScript (através do DOM HTML) para fazer alterações aos elementos HTML com uma classe especificada.

Suporte a navegadores

Atributo
class	sim	sim	sim	sim	sim

Diferenças entre HTML 4.01 e HTML5

Em HTML 5, a class atributo pode ser utilizado emqualquer elemento HTML (que vai validar em qualquer elemento HTML. Todavia, não é necessariamente útil).

Em HTML 4.01, a class atributo não pode ser utilizado com: <base>, <head>, <html>, <meta>, <param>, <script>, <style> e <title> .

Sintaxe

<elementclass="classname">

Os valores dos atributos

Valor	Descrição
classname	Especifica um ou mais nomes de classe para um elemento. Para especificar várias classes, separe os nomes de classe com um espaço, por exemplo, <span class="left important"> . Isso permite que você combinar várias classes CSS para um elemento HTML. regras de nomenclatura: Deve começar com uma letra AZ ou az Pode ser seguido por: letras (A-Za-z) , números (0-9) , hífens ("-") e sublinhados ("_") Em HTML, todos os valores são case-insensitive

Valor

Descrição

classname

Especifica um ou mais nomes de classe para um elemento. Para especificar várias classes, separe os nomes de classe com um espaço, por exemplo, <span class="left important"> . Isso permite que você combinar várias classes CSS para um elemento HTML.

regras de nomenclatura:

Deve começar com uma letra AZ ou az
Pode ser seguido por: letras (A-Za-z) , números (0-9) , hífens ("-") e sublinhados ("_")
Em HTML, todos os valores são case-insensitive

mais Exemplos

Exemplo

Adicione várias classes para um elemento HTML:

<!DOCTYPE html>
<html>
<head>
<style>
h1.intro {
    color: blue;
    text-align: center;
}

.important {
    background-color: yellow;
}
</style>
</head>
<body>

<h1 class="intro important">Header 1</h1>
<p>A paragraph.</p>

</body>
</html>

Tente você mesmo "