Cascading Style Sheets (CSS) permite a formatação de códigos em HTML. Podemos fazer, por exemplo:

CSS pode ser integrado diretamente no HTML ou usado como um arquivo separado. Também é possível formatar documentos XML.

O CSS existe desde o início da última década. Uma especificação para isso foi publicada pelo W3C já em 1996, a especificação de Nível 1. Este nível continha as primeiras informações específicas sobre a estrutura, sintaxe e propriedades (etc.).

Em 1998, a segunda especificação apareceu com muito mais informações. Aqui também foi descrito pela primeira vez, por exemplo, como os efeitos acústicos podem ser expressos em navegadores de voz.

CSS é atualmente suportado por quase todos os navegadores. Uma distinção só pode ser feita para algumas novas propriedades do CSS3. Alguns navegadores ainda não suportam certos elementos, isso os mais antigos. No entanto, é recomendável testar uma página em vários navegadores e em diferentes dispositivos.

A versão atual do CSS é CSS3. O Grupo de Trabalho do W3C anunciou que novas funções serão continuamente adicionadas no futuro e, se necessário, para dispensar completamente o controle de versão.

Notação

A notação de Cascading Style Sheets se comporta de maneira um pouco diferente do HTML. É importante garantir que as instruções sejam definidas corretamente, os links sejam configurados corretamente. Uma definição CSS geralmente consiste em uma ou mais instruções, cada uma delas estruturada de acordo com um esquema uniforme. Várias definições de vários tipos podem ser usadas. Uma definição é um bloco de várias instruções. Uma instrução consiste em várias propriedades (também chamadas de características) que informam ao navegador como exibir e formatar qual elemento.

As definições individuais são integradas em um documento (HTML) e, portanto, afetam o design da página. Vamos ver tudo isso durante a nossa disciplina.

CSS e HTML

As definições de CSS são sempre colocadas na head, área de um documento HTML, porque devem ser lidas antes do documento ser exibido. Uma definição CSS pode ser vinculada ao documento HTML de duas maneiras diferentes:

A primeira opção é escrever a definição CSS diretamente no documento. HTML fornece o style elemento para isso. Entre outras coisas, possui o atributo type cujo valor é text/css anotado. Todas as instruções seguem dentro do elemento. Exemplo:

<html>
	<head>
		<style type="text / css">
			...Instruções CSS...
		</style>
	</head>
	<body>
		… conteúdo ...
	</body>
</html>

A segunda opção é colocar as definições de CSS em arquivos externos. Um arquivo CSS é um arquivo ASCII normal sem quaisquer outros elementos HTML (apenas as instruções CSS). O arquivo deve ser salvo como um arquivo .css e então integrado ao HTML com a ajuda do elemento link. O elemento deve receber três atributos que descrevem o arquivo CSS com mais detalhes. Estes são: