Home - News - O que o visitante precisa saber sobre CSS

O que o visitante precisa saber sobre CSS

Folha de estilo www.damamachine.it é especialmente 1 avanço progressivo para este avanço da web.

Geralmente, os cabeçalhos são renderizados em conformidade decrescente do tamanho, usando h1 como o maior, porque os títulos maiores geralmente são interpretados como tendo maior importância do que os menores. Este aparencia do elemento h2 é de apresentação. Alguns desenvolvedores que estão acostumados a projetar papeis estritamente em HTML podem vir a ignorar ou ignorar os recursos por 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 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 de que mistura a apresentação com a estrutura pode optar por utilizar estilos CSS estritamente imbutidos em todos os papelada.

O presente é especialmente apenas um dos centenas do bugs CSS de que foram documentados em diversas versões do Internet 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 do marcação semelhante) da apresentação do documento (escrita em CSS).

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

Este que torna as folhas de estilo suficientemente denotadas? Há várias maneiras de vincular essas regras de estilo a seus documentos HTML, mas o 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 do programação

O CSS também compartilha algumas armadilhas normais com linguagens do programação. este autor teimavive usando uma classe CSS chamada “bigred” que descreve um produto de que é verdejante.

Embora essa opte de nomenclatura possa ser intuitiva para o responsável do documento, ela pode vir a causar problemas se o autor deliberar posteriormente de que o texto enfatizado deverá verde;

Além disso, o CSS pode vir a ser usado com XML, para consentir que esses documentos estruturados sejam renderizados com total 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 possibilitar finalmente afectar a apresentação de papeis nenhumas dar as páginas ilegíveis para os usuários

Uma folha de estilo é composta de regras do estilo que informam a 1 navegador como apresentar 1 documento. larguras do caixa são interpretadas incorretamente em numerosas 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 estes 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 como um instantâneo do produção do suporte CSS atual. Este bug pode ser evitado, mas não sem algum custo em termos do 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 é especialmente estrutural. Os títulos também igualmente similarmente identicamente conjuntamente são usualmente renderizados em negrito para dar ênfase adicional. no entanto, se este 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 fantástico 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 é especialmente um cabeçalho por nível dois. Em particular, o problema por optar nomes apropriados para classes CSS e identificadores pode vir an afligir-se autores por CSS. Estes documentos HTML tornam-se bastante 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 deter sido “enfatizado” para descrever melhor o objetivo ou a intenção da classe, em vez da aparência dos elementos dessa classe.

Funcionalidade e uso por CSS

CSS é especialmente natural projetado para permitir a separação por apresentação e estrutura. Hoje, mais frequentemente navegadores estão implementando folhas do 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 no código HTML; Esse elemento é lacaio 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 mal de produzir continuamente muito mais tags HTML – em abundância – para resultados de apresentação com 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 de que significa que ela é renderizada em uma fonte grande em vermelho.

Algumas descobertas

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

Tal separação fornece vários pontos positivos, incluindo melhor acessibilidade do conteúdo, elevado flexibilidade e controle na especificação do características do 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 tornaram menos essenciais, e uma linguagem externa para fins do definição de atributos de estilo não foi em larga escala aceita até este desenvolvimento do CSS.

Em uma linguagem de 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 do estilo em retrospecto

As folhas de estilo andam por uma forma ou por outra desde este início do HTML no princípio dos anos 90. A proliferação desses bugs nas implementações de CSS tornou difícil para os designers alcançarem uma aparência consistente em todas 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 de ilustrar isso de uma maneira de que deixa as pessoas empolgadas é demonstrando o que certamente 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, os autores por documentos que desejavam atribuir 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 por título. Este 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, existe 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 do importância menor que os de h1, mas 1 nível por 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 destes mesmos problemas que este HTML do marcação mista faz; Praticamente as cores de origens, estilos por plano do fundo, alinhamentos de elementos, bordas e tamanhos tinham que ser explicitamente descritos, muitas vezes repetidamente, no meio do aviso HTML.

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

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

CSS pode vir a às vezes ser mal utilizado, especialmente pelo autor de documentos da web.

Um destes bugs CSS mais conhecidos é o bug do modelo do caixa do Net 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 capaz do controlar o 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 por tela) e em dispositivos táteis baseados em braille.