Navigation Menu+

Este que você precisa saber sobre CSS

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

Folha de estilo blog.lieningedge.com é especialmente 1 avanço progressivo para este avanço da web.

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

CSS em poucas palavras

O CSS é usado pelos autores e leitores de 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 que mistura a apresentação com a estrutura pode optar por utilizar estilos CSS estritamente imbutidos em todos os papeis.

Este é somente um dos centenas do bugs CSS de que foram documentados em várias versões do Net 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 por marcação semelhante) da apresentação do documento (escrita em CSS).

CSS permite controle completa e completo sobre o estilo por um documento de hipertexto. As propriedades CSS2 de que nenhum navegador tinha implementado com êxito foram descartadas e, em alguns quadros, os comportamentos definidos foram

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

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

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

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

Uma folha de estilo foi constituída de regras por estilo que informam a um navegador como apresentar um documento. larguras de caixa são interpretadas incorretamente em diversas 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 muito mais simples. 1, este que pode ser considerado saiba como um instantâneo de produção do suporte CSS atual. O bug pode ser evitado, mas não sem algum custo em termos do 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 é especialmente estrutural. Os títulos igualmente 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.

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 de popularidade.

Por exemplo, o elemento HTML h2 especifica de que este texto contido nele é especialmente um cabeçalho de nível dois. Em particular, este problema do optar nomes apropriados para classes CSS e identificadores pode afligir-se autores por CSS. Estes 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 apropriado pode ter sido “enfatizado” para descrever melhor o objetivo ou a intenção da classe, em vez da face dos elementos dessa classe.

Funcionalidade e uso por CSS

CSS é especialmente natural projetado para permitir a separação do apresentação e estrutura. Este momento, mais frequentemente navegadores estão implementando folhas do estilo, abrindo estes 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 por apresentação de um documento HTML estavam contidos pelo lei 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 mal de criar sempre ainda mais tags HTML – em abundância – para resultados de apresentação com este desenvolvimento gradual do CSS. por exemplo, uma classe CSS a ser aplicada ao post enfatizado têm a possibilidade de ser chamada de “bigred”, o de que significa de que ela é especialmente 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 muitos pontos positivos, incluindo melhor acessibilidade do conteúdo, elevado flexibilidade e controle na especificação do 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 do estilo se tornaram menos essenciais, e uma linguagem externa para fins de 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 do um nome de variável “cinco” para uma variável que pussuí o valor 5;

Folhas de estilo em retrospecto

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

Antes do CSS, os 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 o elemento do fonte HTML para cada ocorrência desse tipo por título. O Internet Explorer continua a ser o pior na renderização de CSS pelos padrões estabelecidos pelo World Wide Web Consortium a partir de 2005.

Atualmente, existem uma intenso competição entre o mecanismo de look 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 1 nível do 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 de alguns destes mesmos problemas que o HTML de marcação mista faz; Praticamente as cores de fontes, estilos do 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 diversidade de recursos estilísticos para atender às demandas dos desenvolvedores da Web. Os autores geralmente usam hacks e soluções alternativas para conseguir efeitos consistentes em navegadores e plataformas da web.

O CSS também tem 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 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 por controlar este estilo do documento separadamente em meios 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.

Submit a Comment

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