Blog

O que você precisa saber sobre CSS

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

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

CSS em poucas palavras

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

Este é somente um dos centenas de bugs CSS de que foram documentados em várias versões do Internet Explorer, Netscape, Mozilla e Opera, alguns dos quais reduzem a legibilidade dos papeis. 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 este estilo de um documento de hipertexto. As propriedades CSS2 que nenhum navegador tinha implementado com sucesso foram descartadas e, em alguns quadros, os comportamentos definidos foram

Este de que torna as folhas de estilo suficientemente significativas? Existem várias formas de vincular essas regras de estilo a seus documentos HTML, mas este método mais simples para começar foi 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 por programação

O CSS também compartilha algumas armadilhas normais com linguagens de programação. o autor vive com uma classe CSS chamada “bigred” que descreve algo que é verdejante.

Embora essa alternativa de nomenclatura possa ser intuitiva para o autor do documento, ela pode causar problemas se este autor deliberar posteriormente de que o artigo 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 sendo por diante em qualquer agente por usuário ou navegador da Web indicado. Os autores podem vir a finalmente influenciar a apresentação de documentos isento deixar as páginas ilegíveis para os usuários

Uma folha de estilo foi constituída de regras do estilo que informam a um navegador saiba como retratar um documento. larguras por 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 Internet 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 tais como um instantâneo por trabalho do suporte CSS atual. Este bug têm a possibilidade de ser evitado, mas não sem algum 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 é estrutural. Estes títulos igualmente são normalmente renderizados em negrito para dar ênfase adicional. ainda assim, se o valor da variável for alterado para 7, o nome não será ainda 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 do popularidade.

Por exemplo, este elemento HTML h2 especifica de que o texto contido nele foi um cabeçalho de nível dois. Em particular, este problema por optar nomes apropriados para classes CSS e identificadores têm a possibilidade de atormentar-se autores de CSS. Os 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 aspecto dos elementos dessa classe.

Funcionalidade e uso por CSS

CSS é bem projetado para permitir a separação de apresentação e estrutura. Hoje, cada vez mais navegadores estão implementando folhas por estilo, abrindo os olhos dos autores para recursos exclusivos de que permitem influenciar a apresentação, preservando a independência da plataforma. Previamente do CSS, quase todos os atributos do apresentação de 1 documento HTML estavam contidos pelo aviso HTML; Esse elemento é leco 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 sempre mais tags HTML – em abundância – para efeitos de apresentação com este desenvolvimento gradual por CSS. por exemplo, uma classe CSS a ser aplicada ao texto enfatizado pode vir a ser chamada de “bigred”, o que significa de que ela é renderizada em uma fonte grande em vermelho.

Algumas descobertas

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

Essa separação fornece muitos benefícios, incluindo melhor acessibilidade por conteúdo, maior moleza e controle na especificação de 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 por estilo se viraram menos essenciais, e uma linguagem externa para fins por definição de atributos do estilo não foi amplamente aceita até o 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 do estilo em retrospecto

As folhas de estilo existem de uma forma ou do outra desde este princípio do HTML no princípio dos anos 90. A proliferação desses bugs nas implementações do CSS tornou difícil para os designers alcançarem uma face consistente em todas as plataformas. Isso leva a uma redução no tráfego de rede e a downloads do páginas notavelmente mais rápidos. A única maneira por ilustrar isso de uma maneira de que deixa as pessoas empolgadas é demonstrando o que deveras pode ser, uma vez que as rédeas são colocadas nas mãos daqueles capazes de criar beleza a partir da estrutura.

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

Atualmente, existe uma poderoso competição entre o mecanismo de layout Gecko da Mozilla, o mecanismo por 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 de importância menor que os de h1, mas 1 nível de importância maior que estes 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 este HTML do marcação mista faz; Todas as cores de fontes, estilos do plano por 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 diversidade de recursos estilísticos para atender às demandas dos desenvolvedores da Web. Os autores geralmente usam hacks e soluções www.starwashbv.nl alternativas para conseguir efeitos consistentes em navegadores e plataformas da web.

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

CSS pode vir a às vezes ser mal utilizado, especialmente pelo responsável de papeis da web.

Um destes bugs CSS mais sabidos foi o bug do modelo do 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; Este CSS também é pesado de controlar o estilo do documento separadamente em métodos de renderização alternativos, 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.