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

Este que o visitante precisa perceber sobre CSS

Folha de estilo www.annenusselder.nl é especialmente um avanço progressivo para o avanço da web.

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

CSS em poucas palavras

O 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. Como exemplo, um autor de documento que esteja confortável usando a marcação HTML que mistura a apresentação usando a estrutura pode escolher por usar estilos CSS estritamente incorporados em todos os papelada.

Este é somente um dos centenas de bugs CSS que foram documentados em numerosas versões do Internet Explorer, Netscape, Mozilla e Opera, muitos dos quais reduzem a legibilidade destes papeis. Ele é projetado principalmente para permitir a separação da estrutura do documento (escrita em HTML ou uma linguagem por 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 de que nenhum browser tinha implementado com êxito foram descartadas e, em alguns casos, os comportamentos definidos foram

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

Problemas iniciais usando 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 também igualmente similarmente identicamente conjuntamente compartilha algumas armadilhas normais usando linguagens do programação. o autor teimavive usando uma classe CSS chamada “bigred” que descreve um serviço de que é verde.

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

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

Uma folha de estilo é composta de regras do estilo que informam a um navegador saiba como apresentar um documento. larguras de 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.

Este CSS permite que estes autores movam muitas dessas informações para uma folha de estilo, resultando em código HTML consideravelmente mais simples. 1, este que pode ser ponderado tais como um instantâneo de produção do suporte CSS atual. Este bug pode ser evitado, mas não sem destemido custo em termos por funcionalidade. Este elemento h2 pode ser renderizado em negrito e em uma fonte maior que h3, mas menor que h1. Este aparencia do elemento h2 foi estrutural. Os títulos também 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á 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 do popularidade.

Por exemplo, este elemento HTML h2 especifica de que este texto contido nele é um cabeçalho de nível dois. Em particular, este problema de optar nomes apropriados para classes CSS e identificadores têm a possibilidade de atormentar-se autores por CSS. Estes documentos HTML tornam-se demasiado menores e estes 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 o objetivo ou a intenção da classe, em vez da face dos elementos dessa classe.

Funcionalidade e uso de CSS

CSS foi bem projetado para consentir a separação do apresentação e estrutura. Este momento, mais frequentemente navegadores estão implementando folhas de estilo, abrindo estes 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 é lacaio no documento HEAD e contém as regras por estilo para a página. As vantagens de folhas de estilo tornaram-se aparentes – e a mal de produzir sempre mais tags HTML – em abundância – para efeitos de apresentação usando este desenvolvimento gradual por CSS. por exemplo, uma classe CSS a ser aplicada ao post enfatizado pode ser chamada de “bigred”, o de que significa 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.

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

Vamos entender o CSS na perspectiva correta. Usando esses recursos, as folhas de estilo se viraram menos essenciais, e uma linguagem externa para fins de sentido de atributos do estilo não foi em larga escala 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 contém o valor 5;

Folhas de estilo em retrospecto

As folhas de estilo há de uma estilo ou de outra a partir de este início do HTML pelo início dos anos 90. A proliferação desses bugs nas implementações de CSS tornou difícil para estes designers alcançarem uma face consistente em todas 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 do ilustrar isso de uma maneira que deixa as pessoas empolgadas foi demonstrando este que certamente pode ser, uma vez que as rédeas são colocadas nas mãos daqueles capazes do criar formosura a partir da estrutura.

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

Atualmente, há uma forte competição entre o mecanismo de look Gecko da Mozilla, o mecanismo por 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 um nível de importância menor que estes de h1, mas 1 nível por 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 de alguns destes mesmos problemas que este HTML do marcação mista faz; Praticamente as cores de fontes, estilos por plano do 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 diversidade de recursos estilísticos para atender às demandas destes desenvolvedores da Web. Os autores geralmente 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 pode às vezes ser mal utilizado, em especial pelo responsável de documentos da web.

Um dos bugs CSS mais sabidos foi o bug do modelo de caixa do Net Explorer; Na tentativa do escolher nomes descritivos para classes CSS, os autores podem associar o nome da classe aos atributos de apresentação desejados; O CSS também é especialmente pesado do controlar este estilo do documento separadamente em meios 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 em braille.