eigenes-blog.de

O que o visitante precisa saber sobre CSS

4. Juni 2018

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

Geralmente, os cabeçalhos são renderizados em conformidade decrescente por tamanho, com h1 como o maior, porque os títulos maiores geralmente são interpretados como tendo elevado influência do que os menores. Este aspecto do elemento h2 foi de apresentação. Alguns desenvolvedores que estão acostumados a projetar papelada estritamente em HTML podem possibilitar ignorar ou ignorar estes recursos de 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 por páginas da Web para definir cores, fontes, look 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 usando a estrutura pode optar por utilizar estilos CSS estritamente imbutidos em todos os papeis.

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

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

O CSS também igualmente similarmente identicamente conjuntamente compartilha algumas armadilhas normais usando linguagens por programação. este autor vive usando uma classe CSS chamada “bigred” que descreve um produto que é verdejante.

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

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

Uma folha de estilo é especialmente formada de regras de estilo que informam a um navegador como retratar um documento. larguras de caixa são interpretadas incorretamente em numerosas versões do navegador, resultando em blocos que aparecem como esperado na maior parte dos navegadores, mas são muito estreitos quando exibidos no Net Explorer.

Este CSS permite que os autores movam muitas dessas informações para uma folha de estilo, resultando em código HTML consideravelmente mais simples. 1, o que pode ser ponderado como um instantâneo do produção do suporte CSS atual. O bug têm a possibilidade de ser evitado, mas não sem algum custo em termos de funcionalidade. Este 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 igualmente são normalmente renderizados em negrito para dar ênfase adicional. ainda assim, se o valor da variável for alterado para 7, este 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 que o texto contido nele foi um cabeçalho de nível dois. Em particular, este problema por escolher nomes apropriados para classes CSS e identificadores pode vir an afligir autores por CSS. Estes documentos HTML tornam-se demasiado menores e os navegadores da Web geralmente 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 aspecto dos elementos dessa classe.

Funcionalidade e uso por CSS

CSS é especialmente natural projetado para consentir a separação do apresentação e estrutura. Hoje, mais frequentemente navegadores estão implementando folhas de 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 por 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. Os proveitos das folhas de estilo tornaram-se aparentes – e a desvantagem de produzir sempre mais tags HTML – em abundância – para resultados de apresentação com o desenvolvimento gradual do CSS. por exemplo, uma classe CSS a ser aplicada ao artigo enfatizado pode vir a ser chamada de “bigred”, o de que significa de que ela foi renderizada em uma fonte grande em vermelho.

Algumas descobertas

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

Tal separação fornece vários pontos positivos, incluindo melhor acessibilidade de conteúdo, maior flexibilidade e controle na especificação do características por apresentação e redução da complexidade do conteúdo estrutural.

Vamos entender o CSS na perspectiva correta. Com esses recursos, as folhas do estilo se tornaram menos essenciais, e uma linguagem externa para fins do sentido de atributos do 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 contém o valor 5;

Folhas de estilo em retrospecto

As folhas de estilo andam do uma forma ou por outra desde este princípio do HTML no princípio dos anos 90. A proliferação desses bugs nas implementações por CSS tornou difícil para os designers alcançarem uma aspecto 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 de ilustrar isso de uma maneira de que deixa os indíviduos empolgadas foi demonstrando o que certamente pode ser, uma vez que as rédeas são colocadas nas mãos daqueles capazes por criar beleza a partir da estrutura.

Antes do CSS, estes autores por documentos que desejavam atribuir uma cor, fonte, tamanho ou outra característica específica a todos os cabeçalhos h2 precisavam usar este 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, existem uma intenso competição entre o mecanismo de layout Gecko da Mozilla, este 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 um nível do importância menor que os de h1, mas um 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 por alguns dos mesmos problemas que este HTML do marcação mista faz; Todas as cores de origens, estilos de plano de 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 destes desenvolvedores da Web. Os autores geralmente usam hacks e soluções alternativas para obter fins 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, especialmente pelo responsável de papelada da web.

Um dos bugs CSS mais entendidos é especialmente 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; O CSS também é pesado do 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 do tela) e em dispositivos táteis baseados indpet.bcz.com em braille.

Kategorie: Allgemein. .