Esta página explica o que é CSS. Você cria um documento de amostra para que possa trabalhar com as páginas seguintes.
Informações: O que é CSS?
CSS é uma linguagem que especifica como os documentos são apresentados aos usuários.
Um documento é uma coleção de informações estruturadas utilizando uma linguagem de marcação.
|
Neste tutorial, os quadros entitulados Mais detalhes como este logo abaixo, contêm informações opcionais. Se você está com pressa para progredir no tutorial, você pode ignorar esses quadros, retornando para lê-los posteriormente. Caso contrário, leia-os ao encontrá-los, e talvez siga os links para aprender mais.
|
Um documento não é igual a um arquivo. Ele pode ou não ser armazenado em um arquivo. Por exemplo, o documento que você está lendo agora não está armazendo em um arquivo. Quando seu navegador da Web solicita esta página, o servidor consulta um banco de dados e gera o documento, reunindo partes do documento a partir de muitos arquivos. Entretanto, neste tutorial você vai trabalhar com documentos que estão armazenados em arquivos. Para mais informações sobre documentos e linguagens de marcação, consulte outras partes deste Web site — por exemplo:
Na Parte II deste tutorial você verá exemplos dessas linguagens de marcação. |
Apresentar um documento a um usuário significa convertê-lo para uma forma que humanos possam usá-lo. O Mozilla é projetado para apresentar documentos visualmente — por exemplo, em uma tela de computador, projetor ou impressora.
| CSS não serve apenas para navegadores e apresentação visual. Em uma terminologia formal de CSS, o programa que apresenta um documento ao usuário é chamado de agente usuário (UA - User Agent). Um navegador é apenas um tipo de UA. Entretanto, na Parte I deste tutorial você irá trabalhar apenas com CSS em um navegador.
Para mais definições formais de terminologia sobre CSS, consulte Definitions na CSS Specification. |
Ação: Criando um documento
Utilize seu computador para criar um novo diretório e um novo arquivo de texto dentro dele. O arquivo irá conter seu documento.
Copie e cole o código HTML mostrado abaixo. Salve o arquivo utilizando o nome doc1.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<title>Documento de amostra</title>
</head>
<body>
<p>
<strong>C</strong>ascading
<strong>S</strong>tyle
<strong>S</strong>heets
</p>
</body>
</html>
Em seu navegador, abra uma aba ou uma nova janela, e abra o arquivo do diretório.
Você deve ver o texto com as iniciais em negrito, conforme abaixo:
| Cascading Style Sheets |
O que você vê em seu navegador pode não ser exatamente como o exibido aqui, por causa das configurações de seu navegador e deste wiki. Se houver diferenças na fonte, espaçamento ou cor, não há importância.
O que vem depois?
Se você teve dificuldade para entender esta página, ou se você tem algum comentário sobre ela, por favor contribua nesta página de Discussão.
Seu documento ainda não utiliza CSS. Na página a seguir você utilizará CSS para especificar o estilo: Porque usar CSS