Criando css

A Cascading Style Sheets (CSS) é um sistema de codificação para web sites que permite aos designers para manipular vários recursos ao atribuir certos elementos em grupos. Por exemplo, usando um código para a parte inferior do site, os designers podem alterar a imagem de fundo ou de cor em todas as páginas do local com apenas uma alteração no ficheiro CSS. Aqui você verá como criar CSS para um site básico.

passos

1

Abra o bloco de notas no programa Microsoft Windows, ou vendo na lista de programas instalados ou clicando no botão Iniciar, digite "bloco de notas" no campo de pesquisa e pressionando o "entrar".

2

Na barra de ferramentas principal, clique em "arquivo" e logo "Salvar como".

3

Escrever um nome curto para o arquivo no campo apropriado da janela "Salvar como", Seguido da extensão "Css". Dentro desta janela, no campo "tipo"selecionar "Todos os arquivos"..

  • Idealmente, o nome do arquivo CSS está diretamente relacionado com o site em questão que vai atribuir as regras de estilo. Por exemplo, se o nome de domínio do seu site é usos crearcss.com "crearcss.css" como o nome para o seu CSS.



4

Abra o arquivo index.html do seu site no bloco de notas.

5

Insira o seguinte código antes da seção de tag de fechamento "cabeça": lt; link rel ="stylesheet" type ="text / css" href ="crearcss.css" gt;.

  • Isso informa o website onde procurar as definições das suas regras de CSS para este site.

6

CSS define os elementos da sua página web dentro dos arquivos HTML que dependem de CSS para determinar sua aparência ou estilo.

  • elementos CSS são coisas como lt; DIV gt;, usado para criar seções- lt; P gt;, usado para criar párrafos- e lt; H1 gt;, que identifica um cabeçalho de grandes dimensões.

  • Você pode criar definições de CSS para o estilo eo tamanho do texto em um parágrafo e cabeçalhos, imagem ou cor de fundo da fonte e ir para qualquer coisa que você colocar entre as tags de início e fim do DIV.

    • 7

    Faça uma lista de elementos CSS em seu arquivo "crearcss.css" em seguida, colocar cada um conjunto de chaves e, dentro deles, as regras de estilo. As teclas são suportes de curvas: "{}".

    • Todas as regras de CSS consistem em uma propriedade e um valor. A propriedade identifica o que vai mudar, como a cor de fundo. O valor indica o nome ou o valor numérico da cor que você vai usar. A sintaxe é {propriedade: valor-}, com o cólon, ponto e vírgula e as chaves, como indicado.

  • Se você decidir fazer a cor de todas as páginas do seu site fundo é azul, por exemplo, você pode escrever: A página {background-color: azul-}.

    • 8

    Adicionar qualquer distinção de ID ou classe.

    • Uma distinção deve ser precedida de ID "#"Enquanto uma classe deve ser precedido por um ponto.

  • Se você deseja que o rodapé do seu site tem um olhar diferente, crie um identificador para o cabeçalho (#footer ID) no seu documento, por escrito: lt; div id ="rodapé"gt; no início da secção. Seção termina com uma tag de fechamento: lt; / div gt;.

  • Em seu arquivo "crearcss.css"Cria uma regra de estilo de escrita #footer {font-size: x-Pequena}. Desta forma, você vai fazer todo o texto no rodapé tem uma pequena fonte.

    • dicas

    • Existem muitas propriedades diferentes que podem ser manipulados com CSS. À procura de um site com um estilo que você gosta e verifique o arquivo de origem. Se um nome de arquivo CSS que está ligado na parte superior, dentro dos tags HEAD, você pode clicar nele para ver as diferentes propriedades e os valores atribuídos a cada elemento.

    avisos

    • Diretamente copiar o código HTML e CSS pode ajudá-lo a aprender, mas você deve usar suas próprias idéias de design. Você toma projeto de outra pessoa é considerado roubo e plágio.

    Artigos Relacionados