Cascading Style Sheets

Da Wikipédia, a enciclopédia livre

Cascading Style Sheets (CSS)

CSS-shade.svg

Extensão do arquivo .css

Tipo de mídia Internet text / css

Desenvolvido por

Håkon Wium Lie Bert Bos World Wide Web Consortium

lançamento inicial Dezembro 17, 1996; 18 anos atrás

Tipo de formato Linguagem de folhas de estilo

Padrões

Nível 1 (Recomendação)

Nível 2 (idem)

Nível 2 Revisão 1 (idem)

"CSS" redireciona aqui. Para outros usos, ver CSS (disambiguation).

Para o uso de CSS na Wikipedia, consulte Ajuda: Cascading Style Sheets.

Cascading Style Sheets

Estilo folha

CSS Zen Garden O Zen de CSS design

modelo Box Internet Explorer modelo de caixa de erro

CSSTidy Dinâmico CSS

Comparações

Motores de layout Linguagens de folhas de estilo

Designer de Web

Tableless "Cálice Sagrado" Responsivo

Wikibooks página Cascading Style Sheets

v t e

HTML

HTML HTML dinâmico

HTML5 (audio lona vídeo)

XHTML (Básico Perfil móvel C-HTML)

Elemento HTML (span e div)

Atributo HTML HTML quadro Editor HTML

Codificação de caracteres (Unicode)

Código de idioma

Document Object Model

Navegador Object Model

As folhas de estilo (Cascading (CSS))

Família de fontes Cores da Web

Scripting HTML

JavaScript (WebGL WebCL)

W3C (Validator)

WHATWG Modo Quirks Armazenamento Web

Browser (layout) do motor

Comparações

Linguagens de marcação documento

Os navegadores da Web

Apoio mecanismo de layout

HTML HTML não-padrão

HTML5 (canvas meios)

XHTML (1,1)

v t e

Cascading Style Sheets (CSS) é uma linguagem de folhas de estilo usado para descrever a apresentação de um documento escrito em uma linguagem de marcação. [1] Apesar de na maioria das vezes usado para definir o estilo visual de páginas da Web e interfaces de utilizador escrito em HTML e XHTML, o a linguagem pode ser aplicado a qualquer XML

documento, incluindo simples XML, SVG e XUL, e é aplicável a renderização em discurso, ou em outras mídias. Junto com HTML e JavaScript, CSS é uma tecnologia fundamental utilizado pela maioria dos sites para criar páginas web visualmente atraentes, interfaces de usuário para aplicações web, e muitas interfaces de usuário para aplicações móveis. [2]

CSS é projetado principalmente para permitir a separação de conteúdo de documento de apresentação do documento, incluindo aspectos como as de layout, cores e fontes. [3] Esta separação pode melhorar o índice de acessibilidade, proporcionar mais flexibilidade e controle na especificação de características de apresentação, ative múltiplas páginas HTML para compartilhar formatação especificando o CSS relevante em um arquivo .css separado, e reduzir a complexidade e repetição no conteúdo estrutural, tais como mesas semanticamente insignificantes que foram amplamente utilizados para páginas de formato antes de renderização CSS consistente estava disponível em todos os principais navegadores . CSS faz com que seja possível separar instruções de apresentação do conteúdo HTML em uma seção do arquivo ou estilo separada do arquivo HTML. Para cada correspondência elemento HTML, que fornece uma lista de instruções de formatação. Por exemplo, uma regra CSS pode especificar que "todos os que dirigem 1 elementos deve ser ousado", deixando pura marcação HTML semântico que afirma que "este texto é um cabeçalho de nível 1" sem formatar o código, como um <bold> tag indicando como tal texto deve ser exibida.

Esta separação de formatação e conteúdo torna possível apresentar a mesma página marcação em estilos diferentes para diferentes métodos de renderização, como na tela, na impressão, por voz (quando lido por um navegador ou baseados em discurso leitor de tela) e em baseada em Braille, dispositivos tácteis. Ele também pode ser utilizado para apresentar a página da web de forma diferente dependendo do tamanho do ecrã ou dispositivo em que está a ser visualizado. Embora o autor de uma página web normalmente links para um arquivo CSS dentro do arquivo de marcação, os leitores podem especificar uma folha de estilo diferente, como um arquivo CSS armazenadas em seu próprio computador, para substituir aquela que o autor especificou. Se o autor ou o leitor não ligar o documento de uma folha de estilo, o estilo padrão do navegador será aplicado. Outra vantagem do CSS é que as mudanças estéticas para o design gráfico de um documento (ou centenas de documentos) pode ser aplicado rapidamente e facilmente, editando algumas linhas em um arquivo, em vez de um processo trabalhoso (e, portanto, caro) de engatinhar sobre cada documento linha por linha, mudando marcação.

A especificação CSS descreve um esquema de prioridade para determinar qual estilo regras se aplicam se mais de uma regra partidas contra um elemento particular. Nesta assim chamada cascata, prioridades (ou pesos) atribuídos são calculados e as regras, de modo que os resultados são previsíveis.

As especificações CSS são mantidas pelo World Wide Web Consortium (W3C). Tipo de mídia Internet (tipo MIME) text / css está registrado para uso com CSS por RFC 2318 (Março de 1998). O W3C opera um livre serviço de validação CSS para documentos CSS. [4]

Conteúdo [Hide]

1 Sintaxe

1.1 Selector

1.2 bloco Declaração

1.3 Uso

1.4 Fontes

1.5 Esquema de prioridade CSS (maior para o menor)

1.6 Especificidade

1.6.1 Exemplo

1.7 Herança

1.7.1 Exemplo

1.8 Espaços em branco

2 História

2.1 Dificuldade com adoção

2.2 Variações

2.2.1 CSS 1

2.2.2 CSS 2

2.2.3 CSS 2.1

2.2.4 CSS 3

2.2.5 CSS 4

3 O suporte ao navegador

4 Limitações

5 Vantagens

6 quadros CSS

7 Posicionamento

7.1 Posição: parte superior, inferior, esquerda e direita

7.2 Float e clara

8 CSS autoria Metodologias

9 Veja também

10 Referências

11 Leitura

12 Ligações externas

Sintaxe [editar]

CSS tem uma simples sintaxe e usa um número de palavras-chave em inglês para especificar os nomes de várias propriedades de estilo.

A folha de estilo consiste em uma lista de regras. Cada regra ou regra-conjunto é composto por um ou mais seletores e um bloco de declaração.

Selector [editar]

Em CSS, seletores são usados para declarar que parte da marcação de um estilo se aplica a por tags e atributos correspondentes no próprio marcação.

Seletores podem aplicar-se a:

todos os elementos de um tipo específico, por exemplo, o cabeçalho de segundo nível h2

elementos especificados pelo atributo, em particular:

ID: um identificador único para dentro do documento

classe: um identificador que pode anotar vários elementos em um documento

elementos, dependendo de como eles são colocados em relação a outros na árvore do documento.

Classes e IDs são case-sensitive, comece com as letras, e pode incluir caracteres alfanuméricos e sublinhados. Uma classe pode aplicar-se a qualquer número de instâncias de todos os elementos. Um ID só pode ser aplicado a um único elemento.

Pseudo classes são usadas em seletores CSS para permitir a formatação com base na informação que não está contida na árvore do documento. Um exemplo de uma pseudo-classe amplamente utilizado é: hover, que identifica conteúdo somente quando os "pontos de" usuário o elemento visível, geralmente mantendo o cursor do mouse sobre ele. Ele é anexado a um selector como em um: hover ou #elementid: hover. A pseudo-classe classifica elementos do documento, tais como: ligação ou: visited, enquanto que um pseudo-elemento faz uma seleção que pode ser constituída por elementos parciais, tais como: first-line ou: first-letter. [5]

Seletores podem ser combinados de muitas maneiras de conseguir grande especificidade e flexibilidade. [6] Seletores múltiplos podem ser unidas em uma lista espaçados para especificar elementos de localização, tipo de elemento, id, classe, ou qualquer combinação destes. A ordem dos selectores é importante. Por exemplo, div .myClass {color: red;} se aplica a todos os elementos da classe myClass que estão dentro de elementos div, enquanto .myClass div {color: red;} se aplica a todas div elementos que estão em elementos da classe myClass.

A tabela a seguir apresenta um resumo de sintaxe selector indicando o uso ea versão de CSS em que foi introduzida. [7]

Padrão Corresponde Nível de CSS em

que pela primeira vez definido

E um elemento do tipo E 1

E: ligação um elemento E sendo a âncora de origem de um hiperlink de que o alvo ainda não é visitado (: link) ou já visitaram 1

E: ativo um elemento E durante certas ações do usuário 1

E :: first-line a primeira linha formatada de um elemento E 1

E :: first-letter a letra primeiro formatado de um elemento E 1

E.warning E um elemento cuja classe é "aviso" (o idioma do documento especifica como classe é determinada) 1

E # myid E um elemento com ID igual a "myid" 1

EF um elemento descendente F de um elemento E1

* qualquer elemento 2

E [foo] E um elemento com um atributo "foo" 2

E [foo = "bar"] um elemento E cujo "foo" valor do atributo é exatamente igual a "bar" 2

E [foo ~ = "bar"] um elemento E cujo "foo" valor do atributo é uma lista de valores separados por espaços em branco, um dos quais é exatamente igual a "bar" 2

E [foo | = "en"] E um elemento cujo atributo "foo" tem uma lista separada por hífen de valores iniciais (a partir da esquerda) com "en" 2

E: first-child um elemento E, primeiro filho de seu pai 2

E: lang (fr) um elemento do tipo E em linguagem "fr" (o idioma do documento especifica como a linguagem é determinado) 2

E :: antes conteúdo gerado antes de conteúdo de um elemento E 2

E :: depois conteúdo gerado após conteúdo de um elemento E 2

E> F um elemento filho de um elemento F E 2

E + F um elemento F imediatamente precedido por um elemento E 2

E [foo ^ = "bar"] um elemento E cujo "foo" valor do atributo começa exatamente com o "bar" string 3

E [foo $ = "bar"] um elemento E cujo "foo" valor do atributo termina exatamente com o "bar" string 3

E [foo * = "bar"] um elemento E cujo "foo" valor atributo contém o "bar" substring3

E: raiz um elemento E, raiz do documento 3

E: nth-child (n) um elemento E, a criança n-th de seu pai 3

E: nth-last-child (n) um elemento E, a criança n-th de seu pai, a contar da última 3

E: nth-of-type (n) um elemento E, o irmão n-th de seu tipo 3

E: nth-of-last-type (n) um elemento E, o irmão n-th de seu tipo, a contar da última 3

E: last-child um elemento E, último filho do seu pai 3

E:-do primeiro tipo um elemento E, primeiro irmão do seu tipo 3

E:-de-final de tipo um elemento E, por último irmão do seu tipo 3

E: filho único um elemento E, filho único de sua mãe 3

E:-de apenas de tipo um elemento E, única irmão do seu tipo 3

E: vazio um elemento E que não tem filhos (incluindo os nós de texto) 3

E: alvo um elemento E sendo o alvo da URI referindo- 3

E: ativado uma interface de utilizador elemento E que é activado 3

E: desativado uma interface de usuário elemento E que seja desativado 3

E: verificada uma interface de usuário elemento E que é verificada (por exemplo um botão de opção ou caixa de seleção) 3

E: Não (s) E um elemento que não coincide com seletor simples s 3

E ~ F um elemento F precedido por um elemento E 3

Bloco de declaração [editar]

Um bloco de declaração consiste em uma lista de declarações chaves. Cada declaração em si consiste em uma propriedade, dois pontos (:), e um valor. Se houver várias declarações em um bloco, um ponto e vírgula (;) deve ser inserida para separar cada declaração. [8]

Propriedades são especificados na norma CSS. Cada propriedade tem um conjunto de valores possíveis. Algumas propriedades podem afetar qualquer tipo de elemento, e outros se aplicam apenas a grupos específicos de elementos. [9]

Os valores podem ser palavras-chave, tais como os valores numéricos "centro" ou "herdar", ou, como 200px (200 pixels), 50vw (50 por cento da largura do visor) ou 80% (80 por cento da largura da janela). Valores de cor pode ser especificada com as palavras-chave (por exemplo, "vermelho"), valores hexadecimais (por exemplo, # FF0000, também abreviado como # F00), os valores RGB em uma escala de 0 a 255 (por exemplo, RGB (255, 0, 0)), valores RGBA que especifica a cor e opacidade (por exemplo rgba (255, 0, 0, 0,8)), ou valores HSLA (por exemplo, HSL ou HSL (000, 100%, 50%), HSLA (000, 100%, 50%, 80% )). [10]

Use [editar]

Antes de CSS, quase todos os atributos de apresentação de documentos HTML foram contidos a marcação HTML; todas as cores, estilos de fonte fundo, alinhamentos de elementos, bordas e tamanhos teve de ser explicitamente descrito, muitas vezes repetidamente, dentro do HTML. CSS permite aos autores para mover grande parte da informação para outro arquivo, a folha de estilo, resultando em HTML consideravelmente mais simples.

Por exemplo, títulos (h1 elementos), sub-rubricas (h2), sub-sub-rubricas (h3), etc., são definidas estruturalmente usando HTML. Em versão impressa e na tela, escolha do tipo de letra, tamanho, cor e ênfase para estes elementos é de apresentação.

Antes de CSS, os autores de documentos que queriam atribuir tais tipográficas características para, digamos, todos os h2 títulos teve de repetir HTML marcação de apresentação para cada ocorrência desse tipo de título. Isto tornou os documentos mais complexo, maior, e mais difíceis de manter e propensa a erros. CSS permite a separação de apresentação da estrutura. CSS pode definir a cor, a pia batismal, alinhamento do texto, tamanho, bordas, espaçamento, layout e muitas outras características tipográficas, e pode fazê-lo de forma independente para utilização no ecrã e vistas impressos. CSS também define os estilos não-visuais tais como a velocidade ea ênfase com que o texto é lido por leitores de texto fonético. O W3C tem agora obsoleto o uso de todas as marcações HTML de apresentação. [11]

Por exemplo, em HTML pré-CSS, um elemento título definido com o texto vermelho seria escrito como:

<h1> <font color = "red"> Capítulo 1. </ font> </ h1>

Usando CSS, o mesmo elemento pode ser codificado utilizando propriedades de estilo em vez de HTML atributos de apresentação:

<h1 style = "color: red"> Capítulo 1. </ h1>

Um arquivo CSS "externo", como descrito abaixo, pode ser associada com um documento HTML usando a seguinte sintaxe:

<link href = "path / to / file.css" rel = "stylesheet">

Um código CSS interno podem ser digitados na seção principal do código. A codificação é iniciado com a tag estilo. Por exemplo,

<style>

Fontes [editar]

Informações CSS pode ser fornecida a partir de várias fontes. Estas fontes podem ser o navegador da Web, o usuário eo autor. As informações do autor pode ser classificada em inline, tipo de mídia, importância, seletor de especificidade, a fim regra, herança e definição de propriedade. Informações de estilo CSS pode ser em um documento separado ou pode ser incorporado em um documento HTML. Várias folhas de estilo podem ser importados. Diferentes estilos podem ser aplicados dependendo do dispositivo de saída a ser utilizado; por exemplo, a versão de tela pode ser bastante diferente da versão impressa, para que os autores possam adequar a apresentação de forma adequada para cada meio.

A folha de estilo com a mais alta prioridade controla a exibição de conteúdo. As declarações não estabelecidos na maior fonte prioridade são repassados a uma fonte de menor prioridade, tal como o estilo de agente do usuário. Este processo é chamado de cascata.

Um dos objetivos da CSS é permitir aos usuários maior controle sobre a apresentação. Alguém que acha posições itálico vermelhas difícil de ler pode aplicar uma folha de estilo diferente. Dependendo do navegador e do web site, o usuário pode escolher entre várias folhas de estilo fornecidos pelos designers, ou pode remover todos os estilos adicionados e exibir o site usando o estilo padrão do navegador, ou pode substituir apenas o itálico estilo de título vermelha sem alterar outro atributos.

Esquema de prioridade CSS (maior para o menor) [editar]

Prioridade CSS Fonte Tipo Descrição

1 Importância A anotação '! Important' substitui os tipos prioritários anteriores

2 Em linha Um estilo aplicado a um elemento HTML via atributo 'estilo' HTML

3 Tipo de mídia A definição de propriedade se aplica a todos os tipos de mídia, a menos que uma mídia específica CSS definido

4 Usuário definido A maioria dos navegadores têm o recurso de acessibilidade: a CSS definido pelo usuário

5 Selector especificidade Um seletor contextual específico (#heading p) substitui definição genérica

6 Ordem da regraÚltima declaração regra tem uma prioridade maior

7 Herança pai Se uma propriedade não for especificado, ele é herdado de um elemento pai

8 Definição de propriedade CSS no documento HTML Regra CSS ou CSS estilo embutido substitui um valor padrão do navegador

9 Padrão do navegador A prioridade mais baixa: o valor padrão do navegador é determinado pelas especificações iniciais valor do W3C

Especificidade [editar]

Especificidade refere-se aos pesos relativos de diferentes regras. [12] Ele determina quais estilos são aplicados a um elemento quando poderia aplicar mais de uma regra. Com base na especificação, um seletor simples (por exemplo, H1) tem uma especificidade de 1, seletores de classe têm uma especificidade de 1,0, e seletores ID especificidade de 1,0,0. Uma vez que os

valores de especificidade não transitar como no sistema decimal, vírgulas são usadas para separar as "dígitos" [13] (a regra de CSS que tem elementos 11 e 11 classes que têm uma especificidade de 11,11, e não 121).

Assim, as seguintes regras selectores resultar na especificidade indicada:

Seletores Especificidade

H1 {color: white;} 1

P EM {color: green;} 2

.grape {color: red;} 1,0

P.bright {color: blue;} 1,1

P.bright EM.dark {color: amarelo;} 2,2

# id218 {color: marrom;} 1,0,0

style = "" 1,0,0,0

Exemplo [editar]

Considere esse fragmento HTML:

<! DOCTYPE

blue "> Para demonstrar a especificidade </ p>

</ body>

</ html>

No exemplo acima, a declaração no atributo "style" substituirá a do elemento de estilo, porque ele tem uma maior especificidade.

Herança [editar]

A herança é uma característica-chave em CSS; ele conta com a relação ancestral-descendente de operar. A herança é o mecanismo pelo qual as propriedades são aplicados não só para um elemento especificado, mas também para os seus descendentes. [12] Herança baseia-se no documento da árvore, que representa a hierarquia de (X) HTML elementos em uma página com base na aninhamento. Elementos descendentes podem herdar valores de propriedades CSS a partir de qualquer elemento ancestral colocando-os. Em geral, os elementos descendentes herdam propriedades relacionadas a texto, mas propriedades relacionadas a caixa não são herdadas. As propriedades que podem ser herdadas são cor, fonte, letter-spacing, line-height, list-style, text-align, text-indent, text-transform, visibilidade, espaço em branco e word-spacing. As propriedades que não podem ser herdadas são fundo, fronteira, display, flutuador e clara, altura e largura, a margem, mineração e max-altura e -width, esboço, excesso, estofamento, posição, text-decoration, vertical-align e z -índice.

Herança impede que certas propriedades de ser declarado repetidas vezes em uma folha de estilo, permitindo que os desenvolvedores de software para escrever menos CSS. Ela aumenta mais rápido-carregamento de páginas da web por usuários e permite que os clientes a economizar dinheiro em largura de banda custos e desenvolvimento.

Exemplo [editar]

Dada a seguinte folha de estilo:

h1

{color: cor de

rosa;}

Suponha que há um elemento h1 com um elemento enfatizando (em) dentro:

<h1>

Este a <em> ilustrar </ em> herança

</ h1>

Se nenhuma cor foi atribuída ao elemento em, enfatizou a palavra "ilustrar" vai herdar a cor do elemento pai, h1. A h1 folha de estilo tem a cor rosa, daí, o elemento em da mesma forma será na cor rosa.

Espaços em branco [editar]

Espaço em branco entre propriedades e seletores é ignorado. Este trecho de código:

corpo {estouro: oculto; fundo: # 000000;}

é funcionalmente equivalente a esta:

corpo

{estouro: oculto;

fundo: #

000000;}

Uma maneira comum para formatar CSS para facilitar a leitura é para recuar cada propriedade e dar-lhe sua própria linha.

História [editar]

Håkon Wium Lie, CTO da Opera Software empresa e co-criador do CSS padrão web

CSS foi proposta pela primeira vez por Håkon Wium Lie, em 10 de outubro de 1994. [14] Na época, Lie estava trabalhando com Tim Berners-Lee no CERN. [15] Várias outras linguagens de folhas de estilo para a web foram propostas em torno do mesmo tempo, e discussões sobre as listas de discussão pública e dentro do W3C resultou na recomendação primeiro W3C CSS (CSS1) [16] sendo lançado em 1996. Em particular, Bert Bos proposta foi influente; ele se tornou co-autor de CSS1 e é considerado como co-criador do CSS. [17]

As folhas de estilo ter existido de uma forma ou de outra, desde os primórdios da Standard Generalized Markup Language (SGML) na década de 1980, e CSS foi desenvolvido para fornecer folhas de estilo para a web. [18] Um dos requisitos para uma linguagem de folha de estilo web foi para o estilo folhas de vir de diferentes fontes na web. Portanto, linguagens de

folhas de estilo existentes, como DSSSL e FOSI não eram adequadas. CSS, por outro lado, permitido o estilo de um documento a ser influenciada por várias folhas de estilo por meio de "cascata". [18]

Como HTML cresceu, passou a abranger uma ampla variedade de recursos estilísticos para atender às demandas dos desenvolvedores web. Esta evolução deu o designer mais controle sobre a aparência do site, ao custo de HTML mais complexa. Variações no navegador web implementações, como ViolaWWW e WorldWideWeb, [19] feita aparência do site consistente difícil, e os usuários tinham menos controle sobre como o conteúdo web foi exibido. O browser / editor desenvolvido por Tim Berners-Lee tinha folhas de estilo que foram codificados no programa. As folhas de estilo não poderia, portanto, ser ligada a documentos na web. [20] Robert Cailliau, também do CERN, queria separar a estrutura da apresentação para que as folhas de estilo diferentes poderia descrever apresentação diferente para imprimir, apresentações com base em telas, e editores. [19]

Melhorar as capacidades de apresentação da Web foi um tema de interesse para muitos na comunidade web e nove línguas diferentes folhas de estilo foram propostas na mailing list-style www. [18] Destes nove propostas, duas foram particularmente influente sobre o que se tornou CSS: Cascading HTML Folhas de Estilo [14]. e baseado-Stream Style Sheet Proposta (SSP) [17] [21] Dois navegadores serviu como bancos de ensaio para as propostas iniciais; Lie trabalhou com Yves Lafon para implementar CSS em Dave Raggett 's Arena browser. [22] [23] [24] Bert Bos implementou sua própria proposta SSP no Argo browser. [17] A partir de então, mentira e Bos trabalharam em conjunto para desenvolver o padrão CSS («H» foi removido a partir do nome, porque estas folhas de estilo podem também ser aplicados a outras linguagens de marcação para além de HTML). [15]

A proposta da mentira foi apresentado no "Mosaic e da Web" conferência (mais tarde chamado www2) em Chicago, Illinois, em 1994, e novamente com Bert Bos, em 1995. [15] Em torno deste tempo, o W3C já estava sendo estabelecida, e tomou um interesse no desenvolvimento de CSS. Ele organizou um seminário para esse fim presidido por Steven Pemberton. Isto resultou em W3C acrescentando trabalho em CSS para as entregas do conselho de revisão editorial HTML (ERB). Mentir e Bos foram a equipe técnica principal sobre este aspecto do projeto, com os membros adicionais, incluindo Thomas Reardon da Microsoft, participando também. Em agosto de 1996 Netscape Communication Corporation apresentou uma linguagem da folha de estilo alternativo chamado JavaScript Style Sheets (JSSS). [15] A especificação nunca foi terminado e está obsoleto. [25] No final de 1996, a CSS estava pronto para se tornar oficial, eo CSS nível 1 recomendação foi publicada em dezembro.

Desenvolvimento de HTML, CSS, eo DOM tudo tinha sido a ter lugar em um grupo, o Editorial Review Board HTML (ERB). No início de 1997, a ERB foi dividida em três grupos de trabalho:

Grupo de Trabalho HTML, presidido por Dan Connolly do W3C; Grupo de trabalho DOM, presidido por Lauren Wood de SoftQuad; e grupo CSS Trabalho, presidido por Chris Lilley do W3C.

O Grupo de Trabalho CSS começou a abordar as questões que não tinham sido abordados com CSS nível 1, o que resultou na criação da CSS nível 2 em 4 de novembro de 1997. Ele foi publicada como uma Recomendação W3C em 12 de maio de 1998. CSS nível 3, que foi iniciado em 1998, ainda está em desenvolvimento a partir de 2014.

Em 2005, os Grupos de Trabalho CSS decidiu fazer cumprir os requisitos das normas de forma mais rigorosa. Isto significava que os padrões como o CSS 2.1, CSS 3 Selectors e CSS 3 Text já publicados foram puxados para trás de Recomendação Candidate para Working Draft nível.

Dificuldade com a adoção [editar]

A especificação CSS 1 foi concluída em 1996. do Microsoft Internet Explorer 3 [15] foi lançado naquele ano, com alguns suporte limitado para CSS. Mas era mais do que três anos antes de qualquer navegador web alcançado quase plena implementação da especificação. Internet Explorer 5.0 para o Macintosh, enviado em Março de 2000, foi o primeiro navegador a ter total (mais de 99 por cento) CSS 1 suporte, [ 26] superando Opera, que tinha sido o líder, desde a sua introdução do suporte CSS 15 meses antes. Outros navegadores, seguido logo depois, e muitos deles, adicionalmente, implementado partes da CSS 2. Como em agosto de 2010, não (terminado) navegador tinha totalmente implementado CSS 2, com níveis variando de implementação (ver Comparação de motores de layout (CSS)).

Mesmo que os navegadores adiantados tais como Internet Explorer 3 [15] e 4, e Netscape 4.x tinha suporte para CSS, foi tipicamente incompleta e teve muitos erros que impediram suas implementações de ser utilmente adoptadas.

Quando posteriores navegadores 'versão 5' começou a oferecer uma aplicação bastante completa de CSS, eles ainda estão incorretos em determinadas áreas e foram repleto de inconsistências, erros e outras peculiaridades. A proliferação de tais inconsistências relacionadas com CSS e até mesmo a variação no suporte de recursos tornou difícil para os designers para conseguir uma aparência consistente em todos os navegadores e plataformas. Alguns autores recorreram a soluções alternativas, tais como CSS hacks e filtros.

Problemas com a adoção irregular 'browsers de CSS, juntamente com errata na especificação original, liderou o W3C para rever a norma CSS 2 em CSS 2.1, que mudou-se mais perto de um

instantâneo de trabalho de apoio CSS atual em navegadores HTML. Alguns CSS 2 propriedades que implementaram com sucesso navegador não foram retiradas, e em alguns casos, os comportamentos definidos foram alteradas para trazer o padrão em linha com as implementações predominantes existentes. CSS 2.1 tornou-se uma Recomendação Candidate em 25 de fevereiro de 2004, mas CSS 2.1 foi puxado de volta ao status Rascunho de Trabalho em 13 de junho de 2005, [27] e só voltou ao status de Recomendação Candidate em 19 de julho de 2007. [28]

No passado, alguns servidores web foram configuradas para servir todos os documentos com a extensão de arquivo .css [29] como tipo de mime application / x-PointPlus [30], em vez de text / css. Na época, havia um produto de software no mercado para converter PowerPoint arquivos em Slide Show arquivos compactos que usam o CSS extensão. [31]

Variações [editar]

CSS tem vários níveis e perfis. Cada nível de CSS se baseia no passado, normalmente adicionando novos recursos e normalmente designadas por 1 CSS, CSS 2, CSS 3 e 4. CSS perfis são normalmente um subconjunto de um ou mais níveis de CSS construído para um determinado dispositivo ou interface de usuário . Atualmente, existem perfis para dispositivos móveis, impressoras e aparelhos de televisão. Os perfis não devem ser confundidos com os tipos de mídia, que foram adicionados em CSS 2.

CSS 1 [editar]

A primeira especificação CSS para tornar-se uma Recomendação W3C oficial é CSS nível 1, publicado em 17 de dezembro de 1996. Håkon Wium Lie e Bert Bos são creditados como os desenvolvedores originais. [32] [33] Entre seus recursos estão o suporte para

Font propriedades, como tipo e ênfase

Cor do texto, fundos, e outros elementos

Atributos de texto, como o espaçamento entre as palavras, letras e linhas de texto

Alinhamento de texto, imagens, tabelas e outros elementos

Margem, borda, preenchimento e posicionamento para a maioria dos elementos

Identificação única e classificação genérica de grupos de atributos

O W3C não mantém mais o CSS 1 Recomendação. [34]

CSS 2 [editar]

Nível de especificação CSS 2 foi desenvolvido pelo W3C e publicado como uma recomendação em maio de 1998. Um superconjunto de CSS 1, CSS 2 inclui uma série de novos recursos, como o posicionamento absoluto, relativo e fixo de elementos e z-index, o conceito de tipos de mídia, suporte para folhas de estilo aural (que mais tarde foram substituídos pelos CSS 3 módulos de fala) [35] e texto bidirecional e novas propriedades da fonte, como sombras.

O W3C não mantém a recomendação CSS 2. [36]

CSS 2.1 [editar]

CSS nível 2 revisão 1, muitas vezes referida como "CSS 2.1", corrige erros em CSS 2, remove mal suportado ou não recursos totalmente interoperáveis e adiciona já implementado extensões do navegador com a especificação. Para estar em conformidade com o Processo de W3C para padronizar as especificações técnicas, CSS 2.1 ia e voltava entre Working Draft status e status de Recomendação Candidate por muitos anos. CSS 2.1 pela primeira vez uma Recomendação Candidate em 25 de fevereiro de 2004, mas foi revertido para um Projeto de Trabalho em 13 de Junho de 2005, para uma revisão posterior. Ele voltou a Recomendação Candidate em 19 de Julho de 2007 e, em seguida, atualizado duas vezes em 2009. No entanto, porque as alterações e clarificações foram feitas, ele novamente voltou a Última Chamada Projecto de Trabalho em 7 de Dezembro de 2010.

CSS 2.1 foi a recomendação proposta em 12 de Abril de 2011. [37] Depois de ser revistos pelo Comité Consultivo do W3C, foi finalmente publicado como uma recomendação W3C em 7 de junho de 2011. [38]

CSS 3 [editar]

Taxonomia e status do CSS3 módulos. ● Recomendação ● Candidato recomendaçõ ● Última chamada ● Projecto de Trabalho.

"CSS3" redireciona aqui. Para outros usos, ver CSS3 (disambiguation).

Ao contrário CSS 2, que é uma grande especificação única definição de vários recursos, CSS 3 é dividido em vários documentos distintos chamados "módulos". Cada módulo adiciona novas capacidades ou estende os recursos definidos no CSS 2, preservando a compatibilidade com versões anteriores. Trabalho em CSS nível 3 começou por volta do momento da publicação da recomendação original CSS 2. Os primeiros CSS 3 rascunhos foram publicados em Junho de 1999. [39]

Devido à modularização, diferentes módulos têm estabilidade e status diferente. [40] Em junho de 2012, há mais de cinqüenta módulos CSS publicados entre o Grupo de Trabalho CSS,. [39] e quatro destes foram publicados como formais recomendações:

2012-06-19: consultas de mídia

2011-09-29: Namespaces

2011-09-29: Seletores de Nível 3

2011-06-07: Cor

Alguns módulos têm Recomendação Candidate (RC status) e são considerados moderadamente estável. No CR fase, as implementações são aconselhados a deixar cair prefixos de fornecedores. [41] Resumo dos principais module-especificações: [42]

MóduloEspecificação de título Status e data

css3-fundo Fundos CSS e Fronteiras Módulo de Nível 3 Candidato Rec. Sep'2014

CSS3 box- CSS modelo de caixa básico Trabalhando Projecto, Aug'2007

css-cascata-3 CSS Cascading e Herança Nível 3 Candidato Rec. Oct'2013

css3-color CSS Módulo Cor Nível 3 Recomendação Jun'2011

css3-content CSS3 Criação e Substituído Módulo de Conteúdo Trabalhando Projecto May'2003

css fonts-3 CSS Fontes Módulo de Nível 3 Candidato Rec. Oct'2013

css3-gcpm CSS Conteúdo Gerado por paginado Media Module Trabalhando Projecto May'2014

css3-disposição CSS Template módulo de layout Trabalhando Projecto Nov'2011

CSS3-mediaqueries Consultas de mídia Recomendação Jun'2012

css3-multicol Layout de várias colunas Candidato Rec. Apr'2011

css3-page CSS paginado Media Module Nível 3 Trabalhando Projeto de março 2013

CSS3-seletores Nível 3 seletores Recomendação Sep'2011

css3-ui CSS usuário básico Módulo de Interface de Nível 3 (CSS3 UI) Trabalhando Projecto Jan'2012

CSS 4 [editar]

Não há, especificação único integrado CSS4, [43] porque ele é dividido em módulos separados. No entanto, há "nível 4" módulos. [44]

Porque CSS3 dividir a definição da linguagem CSS em módulos, os módulos foram autorizados a nível de forma independente. A maioria dos módulos são de nível 3 que construir sobre as coisas do CSS 2.1. Existem Algumas nível-4 módulos (como valores de imagem, Fundo e Bordas, ou Seletores), que deverão aproveitar a funcionalidade de um módulo anterior nível-3. Outros módulos que definem inteiramente novas funcionalidades, tais como Flexbox, foram designados como "nível 1". [45]

Assim, embora não monolítica CSS4 serão trabalhadas após CSS3 está terminado completamente, o nível 4 módulos podem ser colectivamente referidos como CSS4. [Carece de fontes?]

Suporte ao navegador [editar]

Outras informações: Comparação dos motores de layout (Cascading Style Sheets)

Porque nem todos os navegadores corretamente analisar o código CSS, desenvolveu técnicas conhecidas como hacks CSS pode filtrar navegadores específicos ou alvo navegadores específicos de codificação (geralmente ambos são conhecidos como filtros CSS). O primeiro pode ser definida como cortes de filtragem CSS e este último pode ser definida como CSS direccionamento cortes. Ambos podem ser usados para esconder ou mostrar partes do CSS para diferentes navegadores. Isto é conseguido, quer através da exploração CSS- manuseio caprichos ou bugs no navegador, ou tirando vantagem da falta de apoio por parte das especificações CSS. O uso de filtros CSS, alguns designers têm ido tão longe como a entrega diferente CSS para determinados navegadores para garantir projetos rendem como esperado. Como os navegadores da web muito cedo ou eram completamente incapazes de lidar com CSS ou CSS rendeu muito mal, designers de hoje frequentemente usam rotineiramente filtros CSS que impedem completamente esses navegadores de acessar qualquer um dos CSS. Internet Explorer suporte para CSS começou com IE 3.0 e aumentou progressivamente com cada versão. Até 2008, a primeira versão beta do Internet Explorer 8 oferece suporte para CSS 2.1 em seu melhor modo de padrões web.

Um exemplo de um bug do navegador CSS historicamente conhecido foi o erro do modelo da caixa Internet Explorer, onde larguras de caixa são interpretadas incorretamente em várias versões do navegador, resultando em blocos que são demasiado estreitas quando visualizado no Internet Explorer, mas correto em normas- navegadores compatíveis. O bug pode ser evitado no Internet Explorer 6 usando o correto doctype em (X) HTML documentos. Hacks CSS

e filtros CSS são utilizados para compensar erros como este, apenas uma das centenas de erros de CSS que foram documentados em várias versões do Netscape, Mozilla Firefox, Opera e Internet Explorer (incluindo Internet Explorer 7). [46] [47]

Mesmo quando a disponibilidade de navegadores compatível com CSS CSS feita uma tecnologia viável, a adopção de CSS ainda foi travado pela 'lutas com navegadores dos designers implementação CSS incorreto e apoio CSS desigual. Ainda hoje, esses problemas continuam a fazer o negócio do design CSS mais complexa e onerosa do que se pretendia ser, e cross-browser testes continua a ser uma necessidade. Outras razões para o contínuo não-aprovação da CSS são:. Sua complexidade percebida, a falta de familiaridade com a sintaxe CSS e técnicas necessárias, pobre apoio de ferramentas de autoria, os riscos decorrentes de inconsistência entre os navegadores e do aumento dos custos dos testes dos autores [citação necessário]

Atualmente há uma forte concorrência entre o WebKit motor de layout usado em a Apple Safari e Google Chrome, o semelhante KHTML motor usado no KDE 's Konqueror navegador e Mozilla' s Gecko motor de layout usado no Firefox - cada um deles está levando em diferentes aspectos da CSS . [esclarecimentos necessários exemplos seriam úteis] Em agosto de 2009, o Internet Explorer 8, Firefox 2 e 3 têm níveis razoavelmente completos de implementação do CSS 2.1. [48] [precisa de atualização]

Limitações [editar]

Algumas limitações observadas das capacidades atuais de CSS incluem:

Seletores são incapazes de subir

CSS oferece atualmente nenhuma maneira de selecionar um pai ou ancestral de um elemento que satisfaça determinados critérios. [49] Seletores CSS nível 4, que ainda está em funcionamento Projecto status, propõe uma tal selector, [50], mas apenas como parte do " completa "perfil selector, não o" perfil rápido ", utilizada no estilo CSS dinâmico. [51] Um esquema selector mais avançados (como XPath) permitiria folhas de estilo mais sofisticados. As principais razões para o Grupo de Trabalho CSS rejeitando anteriormente propostas para seletores pais estão relacionadas com o desempenho do navegador e problemas de processamento incrementais. [52]

As limitações de controle verticais

Embora o posicionamento horizontal de elementos é geralmente fácil de controlar, posicionamento vertical é frequentemente unintuitive, complicado, ou completamente impossível. Tarefas simples, como a centralização de um elemento vertical ou recebendo um

rodapé a ser colocada não superior a parte inferior da janela de visualização, seja complicado e exige regras de estilo unintuitive, ou regras simples, mas amplamente não suportados. [49]

Ausência de expressões

Atualmente, não há capacidade de especificar valores de propriedade como expressões simples (como margin-left: 10% - 3em + 4px;). Isto seria útil em uma variedade de casos, tais como o cálculo do tamanho das colunas sujeita a um constrangimento sobre a soma de todas as colunas. No entanto, um projecto de trabalho com um valor calc () para resolver esta limitação foi publicado pela WG CSS. [53] versões do Internet Explorer 5 a 7 apoio uma declaração expressão proprietário (), [54] com uma funcionalidade semelhante. Esta declaração proprietária expressão () não é mais suportada do Internet Explorer 8 em diante, exceto nos modos de compatibilidade. Esta decisão foi tomada para "cumprimento de normas, o desempenho do navegador, e razões de segurança". [54]

Falta de declaração coluna

Embora possível no CSS atual 3 (usando a coluna de contagem de módulo), [55] layouts com várias colunas pode ser complexo para implementar em CSS 2.1. Com CSS 2.1, o processo muitas vezes é feito uso de elementos flutuantes, que muitas vezes são prestados de forma diferente por diferentes navegadores, formas diferentes de tela do computador, e rácios de tela diferentes definidos em monitores convencionais.

Não pode declarar explicitamente novo escopo independentemente da posição

Scoping regras para propriedades como olhar z-index para o elemento mais próximo pai com uma posição: atributo relativo: absoluta ou posição. Este acoplamento estranho tem efeitos indesejados. Por exemplo, é impossível evitar declarar um novo escopo quando se é forçado a ajustar a posição de um elemento, impedindo um de usar o escopo desejado de um elemento pai.

Comportamento dinâmico pseudo-classe não controlável

CSS implementa pseudo-classes que permitem um grau de feedback do usuário pela aplicação condicional de estilos alternativos. Uma CSS pseudo-classe ": hover", é dinâmica (equivalente a JavaScript "onmouseover") e tem potencial para abuso (por exemplo, a implementação de popups cursor de arrumação), [56] mas CSS não tem capacidade para um cliente para desativá-lo (sem "desabilitar", como propriedade) ou limitar os seus efeitos (não "NoChange" valores -como para cada propriedade).

Não pode nomear regras

Não há nenhuma maneira para citar uma regra CSS, o que permitiria que (por exemplo) scripts do lado do cliente para se referir à regra, mesmo que suas mudanças de selecção.

Não é possível incluir estilos de uma regra em outra regra

Os estilos CSS muitas vezes devem ser duplicados em várias regras para conseguir um efeito desejado, fazendo com que a manutenção adicional e exigir um teste mais aprofundado.

Não é possível segmentar texto específico sem alterar a marcação

Além da: first-letter pseudo-elemento, não se pode direcionar intervalos específicos de texto sem a necessidade de utilizar elementos de suporte de lugar.

Vantagens [editar]

Separação de conteúdo da apresentação

CSS facilita a publicação de conteúdo em vários formatos de apresentação com base nos parâmetros nominais. Parâmetros nominais incluem preferências do usuário explícitas, diferentes navegadores web, o tipo de dispositivo que está sendo utilizado para visualizar o conteúdo (um computador desktop ou dispositivo de Internet móvel), a localização geográfica do usuário e muitas outras variáveis.

Consistência em todo o site

Artigos principais: separação de apresentação e conteúdo e folhas de estilo (desenvolvimento web)

Quando CSS é utilizado de forma eficaz, em termos de herança e "em cascata", uma folha de estilo global pode ser usado para afetar e elementos de estilo de site de largura. Se a situação se coloca que o estilo dos elementos deve precisar de ser alterada ou ajustada, essas alterações podem ser feitas editando regras na folha de estilo global. Antes CSS, este tipo de manutenção era mais difícil, dispendioso e consome muito tempo.

Bandwidth

A folha de estilo, interno ou externo, especifica o estilo de uma vez para um intervalo de elementos HTML selecionados por classe, tipo ou relacionamento com os outros. Este é muito mais eficiente do que repetir a informação estilo alinhado para cada ocorrência do elemento. Uma folha de estilo externa é normalmente armazenado no cache do navegador, e pode, portanto, ser usado em várias páginas sem ser recarregado, reduzindo ainda mais a transferência de dados através de uma rede.

Reformatação página

Ver artigo principal: melhora progressiva

Com uma simples mudança de uma linha, uma folha de estilo diferente pode ser utilizado para a mesma página. Isto tem vantagens de acessibilidade, bem como proporcionar a capacidade de adaptar uma página ou site para dispositivos diferentes do alvo. Além disso, os dispositivos não são capazes de compreender o estilo ainda exibir o conteúdo.

Acessibilidade

Sem CSS, web designers devem normalmente colocar para fora suas páginas com técnicas tais como tabelas HTML que dificultam a acessibilidade para usuários com deficiência visual (ver tableless # acessibilidade).

Quadros CSS [editar]

Veja também: quadros CSS

Quadros CSS são pré-preparados bibliotecas que se destinam a permitir a fácil mais, compatível com os padrões de estilo de páginas web usando o linguagem Cascading Style Sheets. CSS frameworks incluem Foundation, Blueprint, Bootstrap, Cascade Framework e Materialize. Como bibliotecas de programação e linguagem de script, quadros CSS são geralmente incorporados como folhas .css externos referenciados no HTML <head>. Eles fornecem um número de opções já prontas para a concepção e layout da página web. Embora muitos desses quadros foram publicados, alguns autores utilizá-los principalmente para prototipagem rápida, ou para aprender a partir de, e preferem CSS 'artesanato' que é apropriado para cada site publicado sem a concepção, manutenção e faça o download sobrecarga de ter muitos recursos não utilizados no estilo do site. [57]

Posicionamento [editar]

CSS 2.1 define três esquemas de posicionamento:

Fluxo normal

Inline itens são dispostos da mesma maneira como as letras em palavras no texto, um após o outro em todo o espaço disponível até que não haja mais espaço, em seguida, iniciar uma nova linha abaixo. Bloco itens empilhar verticalmente, como parágrafos e como os itens em uma lista com marcadores. Fluxo normal inclui também o posicionamento relativo dos itens de bloco ou in-line, e caixas de run-in.

Flutuadores

Um item flutuou é retirado do fluxo normal e deslocado para a esquerda ou para a direita, na medida do possível no espaço disponível. Outros conteúdos, então, flui ao lado do item flutuou.

Posicionamento absoluto

Um item posicionado absolutamente não tem lugar em, e nenhum efeito sobre o fluxo normal de outros itens. Ela ocupa a sua posição atribuída em seu recipiente de forma independente de outros itens. [58]

Posição: parte superior, inferior, esquerda e direita [editar]

Existem quatro valores possíveis da posição imóvel. Se um item é posicionado de forma alguma que não seja estático, em seguida, as outras propriedades top, fundo, à esquerda, e à direita são usadas para especificar deslocamentos e posições.

Estático

O valor padrão coloca o item no fluxo normal

Parente

O artigo é colocado no fluxo normal, e, em seguida, deslocada ou deslocamento a partir dessa posição. Itens do fluxo subsequentes são definidos como se o item não tinha sido movido.

Absoluto

Especifica o posicionamento absoluto. O elemento é posicionado em relação ao seu antepassado não-estático mais próximo.

Fixo

O item é absolutamente posicionado em uma posição fixa na tela, mesmo que o resto do documento é rolada [58]

Float e clara [editar]

O flutuador propriedade pode ter um dos três valores. Absolutamente posicionado ou fixos itens não pode ser transferido. Outros elementos normalmente fluem em torno de itens flutuavam, a menos que sejam impedidos de o fazer por sua clara propriedade.

deixou

O produto flutua à esquerda da linha que teria apareceu em; outros itens pode fluir em torno do seu lado direito.

certo

O produto flutua à direita da linha que teria apareceu em; outros itens pode fluir em torno do seu lado esquerdo.

Claro

(Forças do elemento a aparecer por baixo ('clear') elementos para a esquerda flutuou: esquerda claro), direito (claro: à direita) ou ambos os lados (clear: both). [58] [59]

CSS Authoring Metodologias [editar]

Como o tamanho dos recursos CSS usado em um projeto aumenta, a equipe de desenvolvimento tem de decidir sobre uma metodologia comum para mantê-los organizados. Os objetivos são a facilidade de desenvolvimento, facilidade de colaboração durante o desenvolvimento e desempenho das folhas de estilo implantados no navegador. Metodologias populares incluem OOCSS - Objeto CSS Orientado, ACSS - Atomic CSS, OCSs - orgânico Folha Cascade Style, SMACSS - Scalable e Arquitetura modular para CSS e BEM -. Block, Element, Modifier [60]

Veja também [editar]

Acid3

Quadros CSS

Comparação de motores de layout (CSS)

Comparação de linguagens de folhas de estilo

CSS Zen Garden

CSSTidy

Lista de linguagens de folhas de estilo

Minification

Melhora progressiva

Web design responsivo

Validador

Recursos X

Referências [editar]

Ir para cima ^ "developer guia de CSS". Mozilla Developer Network. Retirado 2015/09/24.

Ir para cima ^ "baseado na Web Mobile Apps do Futuro Usando HTML 5, CSS e JavaScript". HTMLGoodies. Recuperado outubro 2014.

Ir para cima ^ "O que é CSS?". World Wide Web Consortium. Recuperado dezembro 2010.

Ir para cima ^ "W3C serviço de validação CSS".

Ir para cima ^ "especificação W3C para CSS2.1 pseudo-elementos e pseudo-classes". World Wide Web Consortium. 07 de junho de 2011. Retirado de Abril de 30 de 2012.

Ir para cima ^ ver a definição completa dos seletores no site do W3C.

Ir para cima ^ "Seletores de Nível 3". W3.org. Retirado 2014/05/30.

Ir para cima ^ "especificação W3C para CSS2.1 conjuntos de regras, blocos de declaração e seletores". World Wide Web Consortium. 07 de junho de 2011. Retirado 2009/06/20.

Ir para cima ^ "tabela de propriedade plena". W3.org. Retirado 2014/05/30.

Ir para cima ^ animação-name (2014/04/30). "Valores CSS Cor Legal". W3schools.com. Retirado 2014/05/30.

Ir para cima ^ "HTML 5. Um vocabulário e APIs associados para HTML e XHTML". Consórcio World Wide Web. Retirado 28 de de Junho de 2014. | First1 = faltando | last1 = na lista de Autores (ajuda)

^ Ir até: um b Meyer, Eric A. (2006). Cascading Style Sheets: The Definitive Guide (. 3 ed). O'Reilly Media, Inc. ISBN 0-596-52733-0.

Ir para cima ^ Atribuir valores de propriedade, em cascata, e Herança

^ Ir até: um b Lie, Hakon W (10 de outubro de 1994). "Cascading Style Sheets HTML - uma proposta" (proposta) (0,92). CERN. Retirado 25 de de Maio de 2014.

^ Ir até: a b c d e f Lie, Håkon Wium; Bos, Bert. (1999) Cascading Style Sheets, projetando para a Web. Addison Wesley. ISBN 0-201-59625-3. Retirado 23 de de Junho de 2010.

Ir para cima ^ "Cascading Style Sheets, nível 1". World Wide Web Consortium.

^ Ir até: um b c Bos, Bert. (14 de Abril 1995) "folhas de estilo simples para SGML e HTML na web". World Wide Web Consortium. Retirado 20 de Junho de 2010.

^ Ir até: a b c "Cascading Style Sheets". Universidade de Oslo. Retirado 3 de Setembro de 2014.

^ Ir até: um b Petrie, Charles; Cailliau, Robert. (Novembro de 1997) "Entrevista Robert Cailliau no WWW Proposta:" Como isso realmente aconteceu. "". Instituto de Engenheiros Elétricos e Eletrônicos. Retirado 18 de de Agosto de 2010.

Ir para cima ^ Bos, Håkon Wium Lie, Bert (1999). Folhas de estilo em cascata: a concepção para a Web (2nd ed.). Addison-Wesley: Harlow, Essex, Inglaterra. ISBN 0-201-59625-3.

Ir para cima ^ Bos, Bert (31 Março 1995). "Folha de estilo Proposta baseada em Stream". Retirado 3 de Setembro de 2014.

Ir para cima ^ Nielsen, Henrik Frystyk (7 Junho de 2002). "Libwww Hackers". World Wide Web Consortium. Obtido 6 de Junho de 2010.

Ir para cima ^ "Yves Lafon". World Wide Web Consortium. Retirado 17 de de Junho de 2010.

Ir para cima ^ "A Equipe W3C: Tecnologia e Sociedade". World Wide Web Consortium. 18 julho de 2008. Retirado 22 de de Janeiro de 2011.

Ir para cima ^ Lou Montulli; Brendan Eich; Scott Furman; Donna Converse; Troy Chevalier. (22 Agosto de 1996) "Folhas de Estilo JavaScript-based". Consórcio World Wide Web. Retirado 23 de de Junho de 2010.

Ir para cima ^ "software CSS". W3.org. Recuperado janeiro 2011.

Ir para cima ^ Anne van Kesteren. "CSS 2.1 - Weblog de Anne". Retirado 2011/02/16.

Ir para cima ^ "Arquivo de Notícias W3C em 2007". Consórcio World Wide Web. Retirado 2011/02/16.

Ir para cima ^ McBride, Don (27 de Novembro de 2009). "Tipos de arquivo". Retirado 20 de Junho de 2010.

Ir para cima ^ "css detalhes de extensão de arquivo". Arquivo de banco de dados de extensão. 12 de março de 2010. Retirado 20 de Junho de 2010.

Ir para cima ^ Nitot, Tristan (18 Março de 2002). "Incorreto Tipo MIME para arquivos CSS". Mozilla Developer Center. Mozilla. Retirado 20 de Junho de 2010.

Ir para cima ^ Bos, / Håkon Wium Lie, Bert (1997). Folhas de estilo em cascata: projetar para a Web (. 1 print ed.). Harlow, England; Reading, MA .: Addison Wesley Longman. ISBN 0-201-41998-X.

Ir para cima ^ W3C: Cascading Style Sheets, nível 1 CSS 1 especificação

Ir para cima ^ W3C: Cascading Style Sheets nível 1 especificação CSS nível 1 especificação

Ir para cima ^ http://www.w3.org/TR/CSS21/aural.html#aural-media-group

Ir para cima ^ W3C: Cascading Style Sheets, nível 2 CSS especificação 2 (1998 recomendação)

Ir para cima ^ W3C: Cascading Style Sheets, nível 2 revisão 1 CSS 2.1 especificação (W3C Proposta de Recomendação)

Ir para cima ^ W3C: Cascading Style Sheets Padrão Possui interoperabilidade sem precedentes

^ Ir até: um b Bos, Bert. (18 de Fevereiro de 2011) "Descrições de todas as especificações de CSS". Consórcio World Wide Web. Retirado 3 de Março de 2011.

Ir para cima ^ Bos, Bert (26 de Fevereiro de 2011). "CSS trabalho atual". Consórcio World Wide Web. Retirado 3 de Março de 2011.

Ir para cima ^ Etemad, Elika (12 de dezembro de 2010). "Cascading Style Sheets (CSS) Snapshot 2010". Consórcio World Wide Web. Retirado 3 de Março de 2011.

Ir para cima ^ "Todas as especificações de CSS". W3.org. 2014/05/22. Retirado 2014/05/30.

Ir para cima ^ Atkins Jr, Tab. "Uma Palavra Sobre CSS4". Retirado 18 de de Outubro de 2012.

Ir para cima ^ "W3C CSS Seletores de Nível 4". W3.org. Retirado 2014/05/30.

Ir para cima ^ Flexbox

Ir para cima ^ "Compatibilidade CSS no Internet Explorer". Microsoft.

Ir para cima ^ erros [link morto]

Ir para cima ^ Hammond, David (2009). "Resumo do suporte a padrões web browser". Web Devota. Retirado 2009/04/14.

^ Ir até: um b Molly Holzschlag (janeiro de 2012). "Sete coisas ainda está faltando a partir de CSS". Revista .net.

Ir para cima ^ "Seletores Nível 4 - Determinar o assunto de um Selector". W3.org. Retirado 2013/08/13.

Ir para cima ^ "Seletores Nível 4 - Rápido vs perfis completos Selector". W3.org. Retirado 2013/08/13.

Ir para cima ^ Snook, Jonathan (Outubro de 2010). "Por que não temos um seletor de pai". snook.ca.

Ir para cima ^ "Valores e Unidades CSS3". W3.org. Retirado 2009/06/20.

^ Ir até: um b "Sobre propriedades dinâmicas". Msdn.microsoft.com. Retirado 2009/06/20.

Ir para cima ^ "CSS Multi-coluna Módulo Layout". World Wide Web Consortium. Recuperado maio 2011.

Ir para cima ^ "Pure CSS Popups". meyerweb.com. Retirado 2009/11/19.

Ir para cima ^ Cederholm, Dan; . Ethan Marcotte (2009) Artesanais CSS: Mais Bulletproof Web Design. New Riders. p. 114. ISBN 978-0-321-64338-4. Retirado 19 de de Junho de 2010.

^ Ir até: um b c Bos, Bert; et ai. (07 de dezembro de 2010). "Esquemas de posicionamento 9.3". Cascading Style Sheets Nível 2 Revisão 1 (CSS 2.1) Specification. W3C. Retirado 16 de de Fevereiro de 2011.

Ir para cima ^ Holzschlag, Molly E (2005). Salte na HTML e CSS. Pearson Education, Inc. ISBN 0-13-185586-7.

Ir para cima ^ Antti, Hilja. "OOCSS, ACSS, BEM, SMACSS: quais são eles O que devo usar?". Clubmate.fi. Hilja. Obtido 2 de Junho de 2015.

Além disso leitura [editar]

Ambox atual red.svg

Esta seção é ultrapassada. Por favor, atualize este artigo para refletir eventos recentes ou novas informações disponíveis. (Julho de 2012)

Jeffrey Zeldman (2009): Designing with Web Standards, New Riders, ISBN 978-0321616951 (paperback) (local do companheiro do livro)

Dan Cederholm (2009): Padrões Web Solutions, a marcação e Handbook Estilo, amigos de Ed, ISBN 978-1430219200 (paperback) (local do autor)

Meyer, Eric A. (2006). Cascading Style Sheets: The Definitive Guide, terceira edição. O'Reilly Media, Inc. ISBN 0-596-52733-0.

Mais Eric Meyer on CSS (2004) ISBN 0-7357-1425-8

Em Eric Meyer CSS (2002), ISBN 0-7357-1245-X

Meyer, Eric A. (2001) Cascading Style Sheets 2.0 referência do programador, McGraw-Hill Osborne Media, ISBN 0-07-213178-0

O Zen de Design CSS (2005) (co-autoria de CSS Zen Garden proprietário, Dave Shea, e Molly E. Holzschlag), ISBN 0-321-30347-4

Kynn Bartlett: Teach Yourself CSS em 24 Horas, 2ª Edição (2006), Sams Publishing, ISBN 978-0672329067

Cascading Style Sheets: Projetando para a Web (2005) por Håkon Wium Lie e Bert Bos, ISBN 0-321-19312-1

Cascading Style Sheets Cascading Style Sheets, tese de doutorado, por Håkon Wium Lie - fornece uma referência histórica autorizada de CSS

Keith Schengili-Roberts (2003): Núcleo CSS, 2ª Edição, Prentice Hall, ISBN 0-13-009278-9

Na Análise de Cascading Style Sheets, Pierre Geneves, Nabil Layaida, e Vincent Quint, Anais da 21ª Conferência Internacional sobre a World Wide Web (WWW'12), pp. 809-818, 2012.

Ligações externas [editar]

Wikibooks tem um livro sobre o tema de: Cascading Style Sheets

Wikimedia Commons possui multimédia sobre Cascading Style Sheets.

Website oficial

CSS no DMOZ

[Mostra] v t e

Linguagens de folhas de estilo

[Mostra] v t e

World Wide Web Consortium (W3C)

[Mostra] v t e

Os navegadores da Web

Controle de autoridade

LCCN: sh2001004461 GND: 4467617-7 BNF: cb13739222f (dados) BNE: XX550325

Categorias:Cascading Style SheetsLinguagens de folhas de estiloLinguagens de programação TypesettingDesigner de WebNormas Mundo Wide Web Consortium

Menu de navegação

Criar ContaNão está logadoConversaContribuiçõesConecte-seArtigoConversaLerEditarVer histórico

Search

Ir

Página principal

Conteúdo

Conteúdo em destaque

Eventos atuais

Artigo aleatório

Doações para Wikipedia

Loja Wikipedia

Interação

Socorro

Sobre Wikipedia

Portal comunitário

Mudanças recentes

Contato página

Ferramentas

Afluentes

Alterações relacionadas

Subir arquivo

Páginas especiais

Permanent link

Informação da página

Artigo wikidata

Cite esta página

Impressão / exportação

Criar um livro

Download como PDF

Versão para impressão

Idiomas

afrikaans

العربية

Azərbaycanca

Беларуская

Български

Boarisch

Bosanski

Català

Čeština

Cymraeg

Dansk

Deutsch

Dolnoserbski

Eesti

Ελληνικά

Español

esperanto

Euskara

فارسی

Français

Gaeilge

Gàidhlig

Galego

한국어

Հայերեն

Hornjoserbsce

Hrvatski

Bahasa Indonesia

Íslenska

Italiano

עברית

Қазақша

Latina

Latviešu

Lietuvių

Magiar

Македонски

മലയാ�ളം�

Bahasa Melayu

မြ�န်��ဘသNederlands

日本語

Norsk bokmål

Norsk nynorsk

Polski

Português

Qaraqalpaqsha

Română

Русский

Shqip

සිං�හල

Inglês simples

Slovenčina

Slovenščina

Српски / Srpski

Srpskohrvatski / српскохрватски

Suomi

Svenska

Tagalog

தமி�ழ்

ไทย

Fórum

Türkmençe

Українська

Vietinamita

Zazaki

Žemaitėška

中文

Editar ligações

Esta página foi modificada pela última vez em 13 de Novembro de 2015, em 23:37.

O texto está disponível sob a Licença Creative Commons Atribuição-Compartilhamento pela mesma; podem aplicar-se termos adicionais. Ao utilizar este site, você concorda com os Termos de Uso e Política de Privacidade. Wikipédia é uma marca comercial registrada da Wikimedia Foundation, Inc., uma organização sem fins lucrativos.