Vamos criar e definir um estilo apropriado para o trabalho que queremos fazer.

Nós vimos nos tutoriais anteriores, como aplicar um estilo a um rótulo certo e que o padrão seria aplicar esses mesmos rótulos. Nós fizemos isso com os links e texto, mas podemos fazer com todos eles, mas é claro, vimos que em cada parágrafo, teria o mesmo estilo, todas as ligações têm a mesma decoração, texto, etc ..

Assim, enquanto este tem a vantagem de que será aplicado automaticamente ao inserir o texto, ou links, o melhor é criar um estilo e defini-lo como queremos e aplicar a nós mesmos.

Htm irá abrir uma nova (todo branco) e salvar com um nome:

* Nota: Normalmente é assim que vamos começar a desenhar um site, de modo que este documento, eu ficaria "plantilladisenio 'o nome por exemplo. Ou qualquer outra pessoa que mais tarde se tornará o modelo Web real.

Ative a janela do painel de estilo / CSS Styles

Clique no ícone para criar nova regra:

Marcamos Avançado e selecione as tags body, td

* Nota: nós podemos colocar vários em cada regra de estilo, separados por vírgulas. Definimos nesta regra, a fonte, tamanho, cor .. e aplicará automaticamente a todos os documentos que fazemos neste estilo.

Lembre-se que esta folha de estilo, que ligaram com o documento que mais tarde (em teoria, construir um site) vai fazer o modelo.

Começamos com:

Aqui vamos pedir que mantemos:

Você pode ter em um só lugar mais de uma folha de estilo, apenas o suficiente para lembrar e saber quais os documentos que está ligado com um e com outro ou outros que

Definimos a fonte, a cor deste, o tamanho .. etc:

Agora, as margens do documento. É importante ter todo o espaço possível para começar a desenhar. Então vai 0 a todos:

Aceitamos e todos esses valores são aplicadas automaticamente a cada vez, uma vez transformado em um modelo real, abrir um novo documento. Crie outra regra de estilo, apenas para a tag body:

Categoria do fundo:

vamos definir a cor de fundo e aceitar.

Para definir os estilos de links, vamos proceder da mesma forma como tínhamos feito no tutorial anterior.

* Nota: E eu digo-lhe um truque que eu faço e isso me poupa tempo.

Eu costumo definir todos estes estilos quando eu crio um novo documento a partir do Inspetor de propriedades, Como você se lembra, esses estilos são inseridos no código mesmo documento. Assim, copiar, eliminar os rótulos:

<stylo> e </ stylo>.

Eu acho que uma nova folha de estilo em cascata, que não definem qualquer estilo, uma vez que nós batemos abrir o documento que você criar no htm, do Inspetor de propriedades. Eu mantenho a lâmina e acho que é mais rápido e confortável

Mas este é um truque, o que ele iria fazê-lo apenas como indiquei anteriormente. Isto feito, vamos começar a criar estilos que iremos inserir e ternos nós.

Nova regra de estilo:

note que o nome do estilo é precedido por um ponto (.) e então eu coloquei um nome a reconhecer mais tarde. Eu defino a cor de fundo:

e aceitar.

el ancho, la alineación: Htm No documento, crie uma nova tabela, na qual, como de costume, definir a largura, alinhamento:

Nós colocamos o cursor do mouse na tabela e clique no selo que aparece logo acima do Inspector

ficar bem é selecionado e vamos aplicar o estilo que criamos anteriormente:

vemos que a cor de fundo da tabela vai mudar a nossa escolha.

Desta forma, vamos aplicar os estilos a partir de agora. Para remover um estilo, você verá que a primeira opção será sempre "não" porque da mesma forma que temos aplicado antes, selecione Nenhum e vá embora agora, ou pressione qualquer outra mudança de estilo para o fundo da tabela.

De igual modo pode-se definir a parte inferior de um td. Em primeiro lugar, a partir do Inspector, vamos definir o alinhamento da célula, e New Style fundo Rule / Categoria:

E dado um fundo para a célula:

Para aplicar um estilo de célula, o primeiro clique na etiqueta, tal como com a tabela:

Inserir uma imagem de fundo:

y desde examinar, busco una imagen en la carpeta imágenes del Sitio en el cual estoy trabajando: Nova regra de estilo: como eu colocar o nome do estilo Fondotabla2 e da revisão, eu olho uma foto na pasta Imagens no site que estou trabalhando.:

Nós criamos o estilo agora Fondoimgtd e colocar esses valores.:

Veja aqui exemplo

Nós podemos fazer combinações diferentes com esses valores, e assim tentar investigar até encontrar o que você gosta vale mais? Outra forma de aplicar estilos são:

Mmm .... você encontra a mesma coisa agora seria mais fácil de criar o portal não? Inserindo as cores dos fundos das tabelas e células, com estilo, certo?

Para se chiquis, mas o que nós aprendemos, então .. mas deve custar nós ... teríamos perdido E agora tudo o que surgirão e que será muito mais fácil

E que eu ignore tudo diretamente da fonte hein? Vamos salvar a folha de estilo e subiu para o servidor, juntamente com outros documentos e imagens.

ni espacios en blanco . Lembre-se que o nome dos estilos, pode ser qualquer coisa, mas deve ser um ponto (.) No início delas, não têm caracteres especiais ou espaços.

Finalmente, na coluna de painéis que são deixados vemos refletido os estilos que criamos na ordem em que estamos fazendo:

Para alterá-la, selecione uma e clique no ícone do lápis, a janela aparece onde você pode alterar os valores. Automaticamente ser aplicado, ou seja, podemos mudar as cores de fundo das tabelas, células, formatação de texto, cor do texto, etc ... para salvar os estilos de documentos, enviá-lo e todos terão nova página de estilos