Cascading estilos, a partir de agora, css

A primeira coisa é ter uma idéia, ainda que vagamente que é o estilo e que vai nos servir na elaboração de páginas da Web. Copiei parte de um artigo que nos dará uma idéia um pouco, o autor desse artigo é o Diretor da página desarroWeb.com

Nós entramos com o pano de fundo dessa tecnologia, as razões que se desenvolveram folhas de estilo em cascata e objetivos que buscam cumprir. A linguagem HTML é limitada quando se aplica a um formulário de documento. Isso é porque ele foi projetado para outros usos (principalmente os cientistas), ao contrário do atual, muito maior. Para resolver estes problemas, os projectistas usaram técnicas tais como a utilização de imagens transparentes para caber tabelas, a utilização de etiquetas que não são HTML padrão e outros. Essas "Armadilhas", muitas vezes causado problemas em páginas na visualização em diferentes plataformas. Além disso, os designers têm sido frustrados pela dificuldade que, mesmo usando esses truques, eles estavam no momento de colocar para fora as páginas, já que muitos deles eram páginas maquetando em papel, onde o controle sobre como o documento é absoluta. Finalmente, outro precedente que exigiu o desenvolvimento desta tecnologia é que as páginas Web são misturados o conteúdo do documento HTML com os rótulos necessários para moldar. Este tem suas desvantagens, porque lendo o código HTML lee pesado e difícil quando se procura por erros ou páginas de depuração. Embora, do ponto de vista da riqueza de informações e utilidade das páginas ao armazenar seu conteúdo é um grande problema que estes textos são misturados com tags embutidas para moldar estes: ele degrada a sua utilidade. Miguel Ángel Álvarez Relatório Diretor de DesarrolloWeb.com

Existem várias maneiras de usar estilos e embora você talvez não saiba, temos sido

usá-los por algum tempo, mesmo aqui, nós não vimos há muito tempo, querendo colocar um

deslocar-se com cores específicas, um exemplo de como usá-los. E também muitas vezes visto em

visualizar o código fonte no correio de OE.

de los documentos y que tiene este aspecto: Um código que aparece na cabeça dos documentos e que se parece com isso:

> O <style> etiqueta com o parâmetro type = "text / css">

P

{

font-family: "Times New Roman", Times, serif;

font-size: 12px;

font-style: italic;

font-weight: bold;

text-transform: capitalize;

color: # CC3300;

}

Fechando a tag como já sabemos:

</ Style>

P = número um

Entre chave {}

instruções para ser aplicado ao <p> rótulo

Isso significa que vamos inserir algum texto em um documento publicado:

Este é um exemplo de estilo, Este é um exemplo de estilo,

Este é um exemplo de estilo, Este é um exemplo de estilo,

Este é um exemplo de estilo, Este é um exemplo de estilo,

Este é um exemplo de estilo, Este é um exemplo de estilo,

: Selecionando o texto, vá para o Inspetor de propriedades e Formato:

converter todo o texto em um parágrafo. Automaticamente, o estilo vai ser aplicada ao texto ser como se segue:

Para estar assistindo a sua operação, o melhor é que você deve abrir um documento totalmente novo, nenhum modelo ou qualquer coisa, um total folha em branco. Melhor nem mesmo se concentrar ... e digite o texto. : Obter o estilo que eu coloquei acima e cole no código fonte:

Ampliar

e converter o texto em um parágrafo. Você vê o resultado como você indicou na captura. : Você pode verificar o código estar mudando as cores, tamanho da fonte:

A cor é agora # 00A000 e tamanho 20px (px sempre colocar ou pt, px = pixels, PT = pontos)

Isso criaria estilos diferentes e nós aplicar manualmente. Mas o sonho é uma maneira mais conveniente de fazê-lo.

etc.. ) insertamos un texto cualquiera: Abra um novo documento completamente em branco (ou limpar uma vez acima) e tentando não inserir qualquer rótulo (lembre-se, <div> <span> etc ..) inserir algum texto:

No menu principal, vá em Window / Style CSS:

Na coluna da direita abre uma nova janela, que se trabalhar em um documento que ainda não foi ligada uma folha de estilo aparece como segue:

Clique no ícone Novo para criar um estilo:

E abre uma nova janela, que inicialmente pode levar padrão e outras seleções marcaram e nós vamos mudar isso:

Vamos criar o mesmo estilo, como vimos anteriormente:

E nós aceitamos. que esta exactamente igual que el que habíamos puesto manualmente. Se, como eu disse, temos o texto dentro de uma tag de parágrafo, e pode ser aplicado automaticamente verificar o código-fonte é exatamente como a que colocar manualmente.

, pero todas quedaría igual, es decir, todos los párrafos serian igual, si lo aplicásemos a <td> todas las celdas tendrían el mismo color de fondo , si lo habíamos puesto, mismo color de texto …etc, etc. Nós poderíamos criar estilos para todas as marcas, mas tudo continuará o mesmo, ou seja, todos os parágrafos gostaria, se aplicarmos a <td> todas as células têm a mesma cor de fundo, se você tivesse definido, o texto de mesma cor ... etc etc. Estaríamos condenando as etiquetas.

, que quizás si queramos hacerlo, pero si es para una misma pagina, seguro que habrá muchos que serán básicos y ya los tendríamos en el primero y no habría necesidad de volver a crearlos. Além disso, desta forma, só se aplicam ao documento que estamos criando no momento, então no próximo, vamos criar outras cores, talvez, se quisermos, mas se para a mesma página, certo que há muitos ser fundamental e que no primeiro e não há necessidade de recriá-los.

Então, se ele é aplicado automaticamente, e poupamos um grande trabalho, no final, vai ser muito rentável

Portanto, vamos continuar no próximo tutorial e uma forma final que veremos a aplicar-se uma equipe inteira de uma página da Web ou qualquer outro documento que precisamos.