Navigation Menu+

O que o visitante precisa saber sobre CSS

Posted on Mar 4, 2018 by in Musings | 0 comments

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

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

CSS em poucas palavras

O CSS foi 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 de que mistura a apresentação usando a estrutura pode escolher por usar estilos CSS estritamente incorporados em todos os papeis.

O presente foi somente um dos centenas de bugs CSS de que foram documentados em diversas versões do Net Explorer, Netscape, Mozilla e Opera, vários 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 do marcação semelhante) da apresentação do documento (escrita em CSS).

CSS permite controle completa e completo sobre este 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? Andam várias formas de vincular essas regras de estilo a seus documentos HTML, mas este 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 de programação

O CSS também igualmente similarmente identicamente conjuntamente compartilha algumas armadilhas comuns com linguagens de programação. este autor fica com uma classe CSS chamada “bigred” que descreve um serviço de que é verdejante.

Ainda que essa escolha de nomenclatura possa ser intuitiva para o autor do documento, ela têm a possibilidade de causar problemas se este autor deliberar posteriormente de que o texto enfatizado deverá verde;

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

Uma folha de estilo foi formada de regras por estilo que informam a um navegador saiba como apresentar um documento. larguras de caixa são interpretadas incorretamente em numerosas versões do navegador, resultando em blocos que aparecem como esperado na maioria dos navegadores, mas são muito estreitos quando exibidos no Internet 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, este que pode ser considerado tais como um instantâneo de trabalho do suporte CSS atual. O bug pode vir a ser evitado, mas não sem algum 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 aparencia do elemento h2 é estrutural. Estes títulos igualmente são normalmente renderizados em negrito para dar ênfase adicional. ainda assim, 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 mágico de independência de plataforma que forneceu ao meio seu impulso inicial por popularidade.

Por exemplo, o elemento HTML h2 especifica de que o texto contido nele é um cabeçalho por nível dois. Em particular, o problema de optar nomes apropriados para classes CSS e identificadores pode vir an atormentar-se autores por CSS. Estes documentos HTML tornam-se bastante menores e os navegadores da Web geralmente 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 face dos elementos dessa classe.

Funcionalidade e uso por CSS

CSS foi bem projetado para permitir a separação de apresentação e estrutura. Este momento, mais frequentemente navegadores estão implementando folhas por estilo, abrindo estes olhos dos autores para recursos exclusivos 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 no código HTML; Esse elemento é leco no documento HEAD e contém as regras de estilo para a página. Os proveitos de folhas de estilo tornaram-se aparentes – e a desvantagem de produzir sempre mais tags HTML – em abundância – para efeitos de apresentação usando este desenvolvimento gradual do CSS. por exemplo, uma classe CSS a ser aplicada ao texto 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 este W3C a revisar o padrão CSS2 em CSS2.

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

As folhas de estilo andam por uma maneira ou por outra desde o 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 aspecto consistente em praticamente 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 por ilustrar isso de uma maneira de que deixa as pessoas empolgadas foi demonstrando este 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, os autores de documentos de que desejavam tocar uma cor, fonte, tamanho ou outra característica específica a todos os cabeçalhos h2 precisavam usar o elemento por fonte HTML para cada ocorrência desse tipo de título. Este 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, há uma intenso competição entre o mecanismo de layout Gecko da Mozilla, o mecanismo do 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 um nível de importância menor que estes de h1, mas um 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 por alguns dos mesmos problemas que este HTML por marcação mista faz; Todas as cores de origens, estilos de 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 variedade de recursos estilísticos para atender às demandas destes desenvolvedores da Web. Os autores usualmente usam hacks e soluções alternativas para conseguir fins consistentes em navegadores e plataformas da web.

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

CSS pode às vezes ser mal utilizado, em especial pelo autor de documentos da web.

Um destes bugs CSS mais conhecidos é especialmente este bug do modelo de 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 é capaz de controlar o estilo do documento separadamente em métodos 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 mewm.0mr.net em braille.

Submit a Comment

Your email address will not be published. Required fields are marked *