O que você precisa saber sobre CSS

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

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

CSS em poucas palavras

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

Este é especialmente exclusivamente um destes centenas de bugs CSS de que foram documentados em numerosas versões do Internet Explorer, Netscape, Mozilla e Opera, alguns 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 do 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 atributos CSS2 que nenhum browser tinha implementado com êxito foram descartadas e, em alguns quadros, os comportamentos definidos foram

Este de que torna as folhas de estilo suficientemente denotadas? Existem várias maneiras de vincular essas regras de estilo a seus documentos HTML, mas o método mais simples para começar foi 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 compartilha algumas armadilhas comuns usando linguagens do programação. o autor teimavive usando uma classe CSS chamada “bigred” que descreve um serviço de que é verdejante.

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

Para além disso, o CSS pode ser usado com XML, para consentir que esses documentos estruturados sejam renderizados com completa controle estilístico sobre layout, tipografia, cor e assim sendo por diante em qualquer agente do usuário ou navegador da Web indicado. Os autores podem finalmente afectar a apresentação de papelada isento deixar as páginas ilegíveis para os usuários

Uma folha de estilo é especialmente composta de regras por estilo que informam a um navegador tais como retratar 1 documento. larguras do caixa são interpretadas incorretamente em várias 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 ainda mais simples. 1, o que pode ser considerado tais como um instantâneo do produção do suporte CSS atual. Este bug pode vir a ser evitado, mas não sem destemido custo em termos por funcionalidade. O elemento h2 pode ser renderizado em negrito e em uma fonte elevado que h3, mas menor que h1. Este ar do elemento h2 é estrutural. Estes títulos também igualmente similarmente identicamente conjuntamente são geralmente renderizados em negrito para dar ênfase adicional. no entanto, se este valor da variável for alterado para 7, este 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 fantástico 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 é especialmente um cabeçalho do nível dois. Em particular, este problema do optar nomes apropriados para classes CSS e identificadores têm a possibilidade de atormentar-se autores do CSS. Os 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 apropriado 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 de CSS

CSS é bem projetado para consentir a separação do apresentação e estrutura. Hoje, cada vez mais navegadores estão implementando folhas de 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 do 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 das folhas de estilo tornaram-se aparentes – e a mal de criar sempre mais tags HTML – em abundância – para resultados de apresentação usando 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 que ela foi renderizada em uma fonte grande em vermelho.

Algumas descobertas

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

Essa separação fornece vários pontos fortes, incluindo melhor acessibilidade de conteúdo, elevado flexibilidade e controle na especificação por 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 de estilo se viraram menos importantes, e uma linguagem externa para fins do definição de atributos do estilo não foi largamente aceita até o desenvolvimento do CSS.

Em uma linguagem por programação, tal uso indevido pode ser análogo ao uso por um nome de variável “cinco” para uma variável que contém o valor 5;

Folhas por estilo em retrospecto

As folhas de estilo há por uma forma ou de outra a partir de o início do HTML no início dos anos 90. A proliferação desses bugs nas implementações por CSS tornou difícil para os designers alcançarem uma face consistente em praticamente 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 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 de criar beleza a partir da estrutura.

Antes do CSS, estes autores por documentos de 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 do 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, existe uma forte competição entre o mecanismo de layout Gecko da Mozilla, este 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 variados aspectos do CSS. Ele tem um nível de importância menor que estes de h1, mas 1 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 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 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 usualmente 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 vir a às vezes ser mal utilizado, em especial pelo autor de documentos da web.

Um dos bugs CSS mais entendidos é este bug do modelo por caixa do Internet 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 é especialmente pesado de controlar o 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 blog.drinkme.com em braille.

Publicaciones Recientes