Skip to content

O que o visitante precisa perceber sobre CSS

Folha de estilo www.azcig.com é um avanço progressivo para este avanço da web.

Geralmente, os cabeçalhos são renderizados em conformidade decrescente do tamanho, usando h1 do tipo maior, porque os títulos maiores usualmente são interpretados como tendo maior mais valia do que os menores. Este aspecto do elemento h2 foi de apresentação. Alguns desenvolvedores que estão acostumados a projetar documentos estritamente em HTML podem 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 é especialmente usado pelos autores e leitores do 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 usando a marcação HTML de que mistura a apresentação usando a estrutura pode escolher por usar estilos CSS estritamente incorporados em todos os papeis.

Este foi exclusivamente um dos centenas de bugs CSS que foram documentados em várias versões do Internet Explorer, Netscape, Mozilla e Opera, muitos dos quais reduzem a legibilidade destes documentos. Ele é projetado acima de tudo 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 perfeito e completo sobre o estilo por um documento de hipertexto. As propriedades CSS2 que nenhum navegador tinha implementado com êxito foram descartadas e, em alguns casos, os comportamentos definidos foram

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

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

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

Além disso, este CSS têm a possibilidade de ser usado com XML, para consentir 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. Estes autores podem finalmente afectar a apresentação de documentos nenhumas dar as páginas ilegíveis para os usuários

Uma folha de estilo é especialmente constituída de regras por estilo que informam a 1 navegador tais como exprimir 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 Net Explorer.

O CSS permite que os 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 saiba como um instantâneo do trabalho do suporte CSS atual. O bug pode 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 é estrutural. Os 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, este nome não será 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 mágico de independência de plataforma que forneceu ao meio seu impulso inicial de popularidade.

Por exemplo, este elemento HTML h2 especifica de que o texto contido nele é um cabeçalho do nível dois. Em particular, este problema por preferir nomes apropriados para classes CSS e identificadores pode atormentar-se autores de 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 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 de CSS

CSS foi bem projetado para permitir a separação por apresentação e estrutura. Hoje, mais frequentemente navegadores estão implementando folhas do 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 de apresentação de um documento HTML estavam contidos no aviso HTML; Esse elemento é lacaio no documento HEAD e contém as regras do estilo para a página. As vantagens das folhas de estilo tornaram-se aparentes – e a desvantagem de produzir continuamente ainda mais tags HTML – em abundância – para efeitos de apresentação usando este desenvolvimento gradual por CSS. como exemplo, uma classe CSS a ser aplicada ao artigo enfatizado têm a possibilidade de 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 vários benefícios, incluindo melhor acessibilidade por conteúdo, elevado flexibilidade e controle na especificação de 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 por estilo se tornaram menos essenciais, e uma linguagem externa para fins por sentido de atributos do estilo não foi amplamente aceita até este 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 existem de uma forma ou por outra desde este princípio 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 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 do ilustrar isso de uma maneira que deixa as pessoas empolgadas é especialmente demonstrando o que certamente 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, os 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 pior na renderização de CSS pelos padrões estabelecidos pelo World Wide Web Consortium a partir de 2005.

Atualmente, existem uma poderoso competição entre o mecanismo de look Gecko da Mozilla, o mecanismo de 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 1 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 de marcação mista faz; Praticamente as cores de fontes, estilos por plano por fundo, alinhamentos de elementos, bordas e tamanhos tinham que ser explicitamente descritos, muitas vezes repetidamente, no meio do aviso 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 obter resultados 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 papeis da web.

Um destes bugs CSS mais sabidos é especialmente este bug do modelo do caixa do Net 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 capaz do controlar este estilo do documento separadamente em meios de renderização alternativos, tais 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.

Be First to Comment

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *