Este que o visitante precisa saber sobre CSS

Standard

Folha de estilo foi 1 avanço progressivo para este avanço da web.

Usualmente, os cabeçalhos são renderizados em ordem decrescente por tamanho, usando h1 do tipo maior, porque os títulos maiores usualmente são interpretados como tendo maior influência do que estes menores. Este aparencia do elemento h2 foi de apresentação. Alguns desenvolvedores que estão acostumados a projetar papelada estritamente em HTML podem ignorar ou ignorar estes recursos do habilitação do CSS. especificamente, implica uma quantidade similar de manutenção de papeis.

CSS em poucas palavras

Este CSS é especialmente usado pelos autores e leitores por páginas da Web para definir cores, fontes, layout e outros aspectos da apresentação do documento. Por exemplo, um autor de documento que esteja confortável usando a marcação HTML que mistura a apresentação com a estrutura pode optar por usar estilos CSS estritamente incorporados em todos os papeis.

Este é apenas um destes centenas do bugs CSS que foram documentados em numerosas versões do Internet Explorer, Netscape, Mozilla e Opera, vários dos quais reduzem a legibilidade dos papeis. Ele é projetado acima de tudo para permitir a separação da estrutura do documento (escrita em HTML ou uma linguagem do marcação semelhante) da apresentação do documento (escrita em CSS).

CSS permite controle completa e completo sobre o estilo do um documento de hipertexto. As propriedades CSS2 que nenhum browser tinha implementado com sucesso foram descartadas e, em alguns casos, os comportamentos definidos foram

O que torna as folhas de estilo suficientemente denotadas? Há várias formas de vincular essas regras de estilo a seus documentos HTML, mas este método muito mais simples para começar foi usar este elemento STYLE do HTML.

Problemas iniciais com a implementação do CSS

Muitas implementações de CSS estão repletas de inconsistências, bugs e outras peculiaridades.

Discrepâncias comparadas: CSS vs linguagens do programação

O CSS igualmente compartilha algumas armadilhas comuns usando linguagens por programação. o autor vive com uma classe CSS chamada “bigred” que descreve um serviço que é verdejante.

Embora essa opte de nomenclatura possa ser intuitiva para o autor do documento, ela têm a possibilidade de causar problemas se o autor deliberar posteriormente de que o artigo enfatizado deve ser verde;

Além disso, este CSS pode vir a ser usado com XML, para permitir que esses documentos estruturados sejam renderizados com perfeito controle estilístico sobre layout, tipografia, cor e assim sendo por diante em qualquer agente de usuário ou navegador da Web adequado. Os autores podem finalmente influenciar a apresentação de documentos sem dar as páginas ilegíveis para os usuários

Uma folha de estilo é formada de regras do estilo que informam a 1 navegador saiba como retratar 1 documento. larguras de caixa são interpretadas incorretamente em diversas versões do navegador, resultando em blocos que aparecem como esperado na maior parte dos navegadores, mas são muito estreitos quando exibidos no Internet Explorer.

O CSS permite que os autores movam muitas dessas informações para uma folha de estilo, resultando em código HTML consideravelmente ainda mais simples. 1, este que pode ser considerado tais como um instantâneo por produção do suporte CSS atual. O bug pode ser evitado, mas não sem destemido custo em termos do funcionalidade. O elemento h2 pode ser renderizado em negrito e em uma fonte elevado que h3, mas menor que h1. Este aparencia do elemento h2 foi estrutural. Estes títulos também igualmente similarmente identicamente conjuntamente são geralmente renderizados em negrito para dar ênfase adicional. ainda assim, se o valor da variável for alterado para 7, o nome não será muito mais apropriado.

Com a separação de conteúdo e apresentação entre HTML e folhas de estilo, a Web não precisa mais se afastar do forte mágico de independência de plataforma que forneceu ao meio seu impulso inicial de popularidade.

Por exemplo, o elemento HTML h2 especifica que este texto contido nele foi um cabeçalho de nível dois. Em particular, este problema do preferir nomes apropriados para classes CSS e identificadores têm a possibilidade de atormentar-se autores do CSS. Os documentos HTML tornam-se demasiado menores e os navegadores da Web usualmente armazenam em cache as folhas de estilo CSS dos sites. Nesse caso, um nome de classe mais apropriado pode deter sido “enfatizado” para descrever melhor este objetivo ou a intenção da classe, em vez da face dos elementos dessa classe.

Funcionalidade e uso por CSS

CSS é especialmente bem projetado para consentir a separação do apresentação e estrutura. Hoje, cada vez mais navegadores estão implementando folhas de estilo, abrindo os olhos dos autores para recursos exclusivos de que permitem influenciar a apresentação, preservando a independência da plataforma. Antes do CSS, quase todos os atributos de apresentação de um documento HTML estavam contidos pelo aviso HTML; Esse elemento é colocado no documento HEAD e contém as regras do estilo para a página. As vantagens de folhas de estilo tornaram-se aparentes – e a desvantagem de produzir sempre ainda mais tags HTML – em abundância – para resultados de apresentação usando este desenvolvimento gradual por CSS. por exemplo, uma classe CSS a ser aplicada ao post enfatizado têm a possibilidade de ser chamada de “bigred”, o que significa que ela foi renderizada em uma fonte grande em vermelho.

Algumas descobertas

Esses problemas levaram o W3C a revisar este padrão CSS2 em CSS2.

Essa separação fornece vários benefícios, incluindo melhor acessibilidade de conteúdo, maior moleza e controle na especificação de características do apresentação e redução da complexidade do conteúdo estrutural.

Vamos entender o CSS na perspectiva correta. Com esses recursos, as folhas do estilo se tornaram menos vitais, e uma linguagem externa para fins de sentido de atributos do estilo não foi amplamente aceita até este desenvolvimento do CSS.

Em uma linguagem de programação, tal uso indevido pode ser análogo ao uso de um nome de variável “cinco” para uma variável que contém o valor 5;

Folhas por estilo em retrospecto

As folhas de estilo existem por uma forma ou por outra a partir de este início do HTML no início dos anos 90. A proliferação desses bugs nas implementações por CSS tornou difícil para estes designers alcançarem uma aparência consistente em praticamente as plataformas. Isso leva a uma redução no tráfego de rede e a downloads de páginas notavelmente mais rápidos. A única maneira por ilustrar isso de uma maneira que deixa as pessoas empolgadas é especialmente demonstrando o que deveras pode ser, uma vez que as rédeas são colocadas nas mãos daqueles capazes por criar beleza a partir da estrutura.

Antes do CSS, estes autores do documentos de que desejavam atribuir uma cor, fonte, tamanho ou outra característica específica a todos os cabeçalhos h2 precisavam usar este elemento de fonte HTML para cada ocorrência desse tipo do título. O Internet Explorer continua a ser o pior na renderização de CSS pelos padrões estabelecidos pelo World Wide Web Consortium a partir de 2005.

Atualmente, existem uma forte competição entre o mecanismo de look Gecko da Mozilla, o mecanismo de layout Presto do Opera e este mecanismo KHTML usado nos navegadores Safari e Linux do Konqueror da Apple – cada um deles está liderando em variados aspectos do CSS. Ele tem 1 nível do importância menor que estes de h1, mas 1 nível de importância elevado que estes de h3. Embora isso possa ser uma melhoria em relação ao uso de marcação de apresentação em HTML reprovada, ela sofre por alguns destes mesmos problemas que o HTML de marcação mista faz; Todas as cores de fontes, estilos por plano de fundo, alinhamentos de elementos, bordas e tamanhos tinham que ser explicitamente descritos, muitas vezes repetidamente, no meio do lei HTML.

À medida que a linguagem HTML cresceu, no entanto, ela passou a abranger uma ampla diversidade de recursos estilísticos para atender às demandas destes desenvolvedores da Web. Os autores geralmente usam hacks e soluções alternativas para obter resultados consistentes em navegadores e plataformas da web.

O CSS também tem sua parcela de inconsistências

CSS pode às vezes ser mal utilizado, em especial pelo autor de documentos da web.

Um destes bugs CSS mais entendidos é o bug do modelo de caixa do Internet Explorer; Na tentativa de escolher nomes descritivos para classes CSS, os autores podem associar o nome da classe aos atributos de apresentação desejados; O CSS também foi pesado do controlar este estilo do documento separadamente em métodos de renderização alternativos, tais como na tela impressa, por voz (quando lido por um browser baseado em fala ou leitor do tela) e em dispositivos táteis baseados digitaltax.pl em braille.