Como criar uma folha de estilo CSS simples usando o Bloco de Notas

Vídeo: Estilos CSS externos - @Curso em Vídeo HTML5 e CSS3

Contente

Passos
Pontas
Coisas que você precisa

O bloco de notas é um dos editores de texto que pode ser usado para criar um documento Cascading Style Sheet (CSS). Depois de criar um arquivo CSS no Bloco de notas, você pode vincular esse arquivo a uma página da web para que o conteúdo da página da web possa ser formatado com sua folha de estilo.

Passos

1 Abra o programa Bloco de notas.
2Copie o seguinte código:

@charset "utf-8"; / * Documento CSS * // * Defina a cor do elemento do corpo * / body {background: # FFFFFF;} / * Esta seção é para links * / a: link { peso da fonte: normal; cor: Marinha} a: visitou {tamanho da fonte: normal; cor: Verde;} a: pairar {peso da fonte: negrito; cor vermelha; font-variant: small-caps;} / * Esta seção é para uma seção de parágrafo * / p {font-style: italic; font-size: 18px;} blue {color: # 0000FF;} / * Esta seção é para a borda preta da imagem. * / img {border-color: # 000000; borda: espessa; estilo de borda: cume;}

# Cole o código da "Etapa 2" no Bloco de notas.

1 Salve o arquivo no Bloco de Notas. Salve-o com o nome "SimpleCSS.css" clicando no botão "Arquivo" e escolhendo o comando "Salvar". Após clicar no botão "Salvar", a caixa de diálogo "Salvar como" será exibida.
2 Nomeie seu arquivo CSS. Digite "SimpleCSS.css" ou qualquer nome na caixa de texto "Nome do arquivo" com uma extensão ".css".
3 Clique no botão "Salvar".
4 Está feito!

Pontas

Salve o arquivo do bloco de notas como somente texto (às vezes você pode chamá-lo de documento de texto ou ASCII) e dê a ele a extensão ".css".
O código que escrevemos aqui é apenas um exemplo para mostrar como criar um arquivo CSS básico usando o Bloco de notas para manipular seus elementos HTML em nossa página da Web de amostra exibida na seção Introdução. Você pode alterar nossa codificação CSS, no entanto, como deseja formatar os estilos e a aparência das páginas da web.
Lembre-se de colocar o documento CSS salvo na mesma pasta que seus documentos HTML onde você criou suas páginas da web.
Depois de criar seu documento CSS, pode ser necessário dar o próximo passo; ou seja, vincule um documento e uma página da web. Por favor, consulte os artigos relacionados para fazer isso.