O que o visitante precisa perceber sobre CSS

Standard

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

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

CSS em poucas palavras

O CSS é usado pelos autores e leitores do 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 com a marcação HTML que mistura a apresentação usando a estrutura pode optar por usar estilos CSS estritamente incorporados em todos os papeis.

O presente é somente um destes centenas por bugs CSS que foram documentados em várias versões do Internet Explorer, Netscape, Mozilla e Opera, muitos dos quais reduzem a legibilidade dos documentos. Ele é projetado principalmente para permitir a separação da estrutura do documento (escrita em HTML ou uma linguagem de marcação semelhante) da apresentação do documento (escrita em CSS).

CSS permite controle perfeito e completo sobre o estilo por um documento de hipertexto. As atributos CSS2 de que nenhum browser tinha implementado com êxito foram descartadas e, em alguns quadros, os comportamentos definidos foram

O que torna as folhas do estilo suficientemente denotadas? Existem várias maneiras de vincular essas regras de estilo a seus documentos HTML, mas o método muito mais simples para começar é 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 de programação

O CSS também igualmente similarmente identicamente conjuntamente compartilha algumas armadilhas normais com linguagens por programação. o autor fica com uma classe CSS chamada “bigred” que descreve algo que é verdejante.

Ainda que essa escolha de nomenclatura possa ser intuitiva para o autor do documento, ela pode causar problemas se o autor resolver posteriormente de que o artigo enfatizado deverá verde;

Além disso, o CSS têm a possibilidade de ser utilizado com XML, para permitir que esses documentos estruturados sejam renderizados com completa controle estilístico sobre layout, tipografia, cor e assim por diante em qualquer agente do usuário ou navegador da Web adequado. Os autores podem finalmente afectar a apresentação de documentos sem deixar as páginas ilegíveis para os utilizadores

Uma folha de estilo é constituída de regras de estilo que informam a um navegador saiba como apresentar 1 documento. larguras de caixa são interpretadas incorretamente em numerosas versões do navegador, resultando em blocos que aparecem como esperado na maioria dos navegadores, mas são muito estreitos quando exibidos no Net 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, o que pode ser considerado como um instantâneo do produção do suporte CSS atual. O bug têm a possibilidade de 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 aspecto do elemento h2 é especialmente estrutural. Estes títulos também são normalmente renderizados em negrito para dar ênfase adicional. no entanto, se o valor da variável for alterado para 7, o nome não será muito mais apropriado.

Usando 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 ideal de independência de plataforma que forneceu ao meio seu impulso inicial do popularidade.

Por exemplo, este elemento HTML h2 especifica de que este texto contido nele é um cabeçalho por nível dois. Em particular, o problema de preferir nomes apropriados para classes CSS e identificadores pode afligir-se autores de CSS. Os documentos HTML tornam-se bastante menores e os navegadores da Web geralmente armazenam em cache as folhas de estilo CSS destes sites. Nesse caso, um nome de classe mais apropriado pode ter sido “enfatizado” para descrever melhor este objetivo ou a intenção da classe, em vez da aparência dos elementos dessa classe.

Funcionalidade e uso de CSS

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

Algumas descobertas

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

Tal separação fornece vários benefícios, incluindo melhor acessibilidade por conteúdo, elevado flexibilidade e controle na especificação por 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 por estilo se tornaram menos essenciais, e uma linguagem externa para fins de sentido de atributos de estilo não foi amplamente aceita até o desenvolvimento do CSS.

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

Folhas de estilo em retrospecto

As folhas de estilo andam de uma maneira ou do outra a partir de este início do HTML pelo princípio dos anos 90. A proliferação desses bugs nas implementações do CSS tornou difícil para os 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 por páginas notavelmente mais rápidos. A única maneira de ilustrar isso de uma maneira de que deixa os indíviduos empolgadas foi demonstrando este que deveras pode ser, uma vez que as rédeas são colocadas nas mãos daqueles capazes do criar beleza a partir da estrutura.

Antes do CSS, estes autores do documentos de que desejavam tocar uma cor, fonte, tamanho ou outra característica específica a todos os cabeçalhos h2 precisavam usar este elemento por 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, há uma poderoso competição entre o mecanismo de look Gecko da Mozilla, o mecanismo do layout Presto do Opera e o mecanismo KHTML usado nos navegadores Safari e Linux do Konqueror da Apple – cada um deles está liderando em diferentes aspectos do CSS. Ele tem um nível por importância menor que estes de h1, mas 1 nível de importância maior que os 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 do marcação mista faz; Praticamente as cores de origens, estilos por plano por fundo, alinhamentos de elementos, bordas e tamanhos tinham que ser explicitamente descritos, muitas vezes repetidamente, no meio do código HTML.

À medida de 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 usualmente usam hacks e soluções alternativas para adquirir efeitos consistentes em navegadores e plataformas da web.

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

CSS têm a possibilidade de às vezes ser mal utilizado, em especial pelo autor de documentos da web.

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