Home - News - Este que o visitante precisa inferir sobre CSS

Este que o visitante precisa inferir sobre CSS

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

Normalmente, os cabeçalhos são renderizados em conformidade decrescente de tamanho, usando h1 do tipo maior, porque estes títulos maiores usualmente são interpretados como tendo elevado mais valia do que os menores. Este aparencia do elemento h2 é especialmente de apresentação. Alguns desenvolvedores que estão acostumados a projetar papeis estritamente em HTML podem vir a ignorar ou ignorar estes recursos do habilitação do CSS. especificamente, implica uma quantidade similar de manutenção de papelada.

CSS em poucas palavras

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

Este é exclusivamente um destes centenas do bugs CSS de que foram documentados em várias versões do Net Explorer, Netscape, Mozilla e Opera, vários dos quais reduzem a legibilidade destes papelada. Ele é projetado primeiramente 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 total e completo sobre o estilo de um documento de hipertexto. As propriedades CSS2 que nenhum navegador tinha implementado com sucesso foram descartadas e, em alguns casos, os comportamentos definidos foram

O de que torna as folhas do estilo suficientemente significativas? Há várias maneiras de vincular essas regras de estilo a seus documentos HTML, mas este método ainda 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 igualmente compartilha algumas armadilhas comuns usando linguagens de programação. o autor teimavive usando uma classe CSS chamada “bigred” que descreve algo que é verde.

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

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

Uma folha de estilo foi composta de regras do estilo que informam a um navegador saiba como retratar 1 documento. larguras por caixa são interpretadas incorretamente em diversas 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 ponderado como um instantâneo do trabalho do suporte CSS atual. O bug têm a possibilidade de ser evitado, mas não sem destemido custo em termos de funcionalidade. O elemento h2 pode ser renderizado em negrito e em uma fonte maior que h3, mas menor que h1. Este aspecto do elemento h2 é especialmente estrutural. Os títulos também igualmente similarmente identicamente conjuntamente são geralmente renderizados em negrito para dar ênfase adicional. no entanto, se o valor da variável for alterado para 7, este nome não será ainda 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 ideal de independência de plataforma que forneceu ao meio seu impulso inicial por popularidade.

Por exemplo, este elemento HTML h2 especifica que este texto contido nele é especialmente um cabeçalho por nível dois. Em particular, o problema de escolher nomes apropriados para classes CSS e identificadores pode atormentar-se autores de CSS. Estes documentos HTML tornam-se muito menores e os navegadores da Web usualmente armazenam em cache as folhas de estilo CSS destes sites. Nesse caso, um nome de classe mais próprio 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 consentir a separação do apresentação e estrutura. Hoje, cada vez mais navegadores estão implementando folhas do estilo, abrindo os olhos dos autores para recursos exclusivos 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 no lei HTML; Esse elemento é lacaio no documento HEAD e contém as regras do estilo para a página. Os proveitos das folhas de estilo tornaram-se aparentes – e a mal de produzir sempre mais tags HTML – em abundância – para resultados de apresentação usando o desenvolvimento gradual por CSS. por exemplo, uma classe CSS a ser aplicada ao artigo enfatizado pode ser chamada de “bigred”, o que significa de que ela é especialmente renderizada em uma fonte grande em vermelho.

Algumas descobertas

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

Tal separação fornece muitos benefícios, incluindo melhor acessibilidade de conteúdo, elevado flexibilidade e controle na especificação do características de apresentação e redução da complexidade do conteúdo estrutural.

Vamos entender o CSS na perspectiva correta. Usando esses recursos, as folhas do estilo se viraram menos essenciais, e uma linguagem externa para fins do definição de atributos por estilo não foi amplamente aceita até este desenvolvimento do CSS.

Em uma linguagem por programação, tal uso indevido pode ser análogo ao uso do 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 forma 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 estes designers alcançarem uma face 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 é demonstrando o que realmente pode ser, uma vez que as rédeas são colocadas nas mãos daqueles capazes por criar formosura a partir da estrutura.

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

Atualmente, há uma intenso competição entre o mecanismo de layout 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 diferentes aspectos do CSS. Ele tem um nível por importância menor que estes de h1, mas um nível de importância elevado 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 do alguns dos mesmos problemas que o HTML por marcação mista faz; Todas as cores de origens, estilos do plano por fundo, alinhamentos de elementos, bordas e tamanhos tinham que ser explicitamente descritos, muitas vezes repetidamente, no meio do lei HTML.

À medida de que a linguagem HTML cresceu, no entanto, ela passou a abranger uma ampla variedade de recursos estilísticos para atender às demandas dos desenvolvedores da Web. Os autores geralmente usam hacks e soluções www.gakm.co.uk 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 responsável de documentos da web.

Um destes bugs CSS mais entendidos é especialmente este bug do modelo por 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; Este CSS também é especialmente pesado de controlar este 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.