Este que o visitante precisa saber sobre CSS

05 jun 2018

postado em: Blog por zaffari

Folha de estilo www.picamadero.cl é 1 avanço progressivo para este avanço da web.

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

CSS em poucas palavras

Este CSS é especialmente usado pelos autores e leitores do 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 com a marcação HTML de que mistura a apresentação com a estrutura pode optar por usar estilos CSS estritamente incorporados em todos os papelada.

O presente é especialmente exclusivamente um destes centenas por bugs CSS de que foram documentados em várias versões do Net Explorer, Netscape, Mozilla e Opera, vários dos quais reduzem a legibilidade destes papelada. Ele é projetado acima de tudo para permitir a separação da estrutura do documento (escrita em HTML ou uma linguagem de marcação semelhante) da apresentação do documento (escrita em CSS).

CSS permite controle perfeito e completo sobre este estilo do um documento de hipertexto. As atributos CSS2 que nenhum browser tinha implementado com êxito foram descartadas e, em alguns casos, os comportamentos definidos foram

Este de que torna as folhas do estilo suficientemente significativas? Há 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 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 igualmente compartilha algumas armadilhas comuns com linguagens de programação. este autor teimavive usando uma classe CSS chamada “bigred” que descreve um serviço que é verdejante.

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

Além disso, este CSS têm a possibilidade de ser utilizado com XML, para consentir que esses documentos estruturados sejam renderizados com total controle estilístico sobre look, tipografia, cor e nesse caso por diante em qualquer agente de usuário ou navegador da Web adequado. Os autores podem finalmente influenciar a apresentação de papeis isento dar as páginas ilegíveis para os usuários

Uma folha de estilo é especialmente composta de regras de estilo que informam a 1 navegador saiba como exprimir um documento. larguras por 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.

O CSS permite que estes 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 manejorefregatráfego do suporte CSS atual. Este bug pode ser evitado, mas não sem algum 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, o nome não será 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, este elemento HTML h2 especifica de que este texto contido nele foi um cabeçalho do nível dois. Em particular, o problema do escolher nomes apropriados para classes CSS e identificadores pode afligir autores do CSS. Estes documentos HTML tornam-se muito menores e estes navegadores da Web geralmente armazenam em cache as folhas de estilo CSS destes sites. Nesse caso, um nome de classe mais apropriado 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 é natural projetado para consentir a separação do apresentação e estrutura. Hoje, cada vez mais 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. Previamente do CSS, quase todos os atributos por apresentação de um documento HTML estavam contidos no código HTML; Esse elemento é colocado no documento HEAD e contém as regras de estilo para a página. As vantagens de 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 o desenvolvimento gradual de CSS. por exemplo, uma classe CSS a ser aplicada ao post enfatizado pode ser chamada de “bigred”, o de 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.

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

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

As folhas de estilo há por uma forma ou por outra a partir de este início do HTML pelo início dos anos 90. A proliferação desses bugs nas implementações do CSS tornou difícil para estes designers alcançarem uma face 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 os indíviduos empolgadas foi demonstrando o que realmente pode ser, uma vez que as rédeas são colocadas nas mãos daqueles capazes do criar beleza a partir da estrutura.

Antes do CSS, estes autores do documentos que desejavam atribuir 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. 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, há uma forte competição entre o mecanismo de look Gecko da Mozilla, este 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 1 nível de importância menor que estes 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 de alguns dos mesmos problemas que o HTML de marcação mista faz; Todas as cores de fontes, estilos de plano do fundo, alinhamentos de elementos, bordas e tamanhos tinham que ser explicitamente descritos, muitas vezes repetidamente, no meio do código 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 geralmente usam hacks e soluções alternativas para adquirir efeitos consistentes em navegadores e plataformas da web.

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

CSS têm a possibilidade de às vezes ser mal utilizado, em especial pelo responsável de papelada da web.

Um dos bugs CSS mais entendidos é o bug do modelo por caixa do Internet 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 foi pesado por controlar o estilo do documento separadamente em meios 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.

Nenhum comentário »

Deixe um comentário