eigenes-blog.de

O que o visitante precisa perceber sobre CSS

4. Juni 2018

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

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

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 autor de documento que esteja confortável com a marcação HTML que mistura a apresentação com a estrutura pode escolher por utilizar estilos CSS estritamente imbutidos em todos os documentos.

O é especialmente apenas um destes centenas do bugs CSS de que foram documentados em várias versões do Internet Explorer, Netscape, Mozilla e Opera, vários dos quais reduzem a legibilidade destes documentos. Ele é projetado principalmente 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 total e completo sobre este estilo por um documento de hipertexto. As propriedades CSS2 que nenhum browser tinha implementado com êxito foram descartadas e, em alguns quadros, os comportamentos definidos foram

O que torna as folhas de estilo suficientemente denotadas? Há várias maneiras de vincular essas regras de estilo a seus documentos HTML, mas este método ainda 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 do programação

O CSS igualmente compartilha algumas armadilhas comuns usando linguagens do programação. este autor teimavive usando 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 pode causar problemas se este autor decidir posteriormente que o artigo enfatizado deve ser verde;

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

Uma folha de estilo é especialmente formada de regras de estilo que informam a um navegador como apresentar 1 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 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, o que pode ser considerado saiba como um instantâneo do produção 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 ar do elemento h2 é estrutural. Os títulos igualmente são geralmente renderizados em negrito para dar ênfase adicional. ainda assim, 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 de popularidade.

Por exemplo, o elemento HTML h2 especifica de que este texto contido nele foi um cabeçalho por nível dois. Em particular, este problema de escolher nomes apropriados para classes CSS e identificadores pode vir an afligir autores de CSS. Os 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 próprio pode ter sido “enfatizado” para descrever melhor este objetivo ou a intenção da classe, em vez da aparência dos elementos dessa classe.

Funcionalidade e uso do CSS

CSS é bem projetado para consentir a separação do apresentação e estrutura. Este momento, cada vez mais navegadores estão implementando folhas de 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 do apresentação de 1 documento HTML estavam contidos no código HTML; Esse elemento é colocado no documento HEAD e contém as regras por estilo para a página. As vantagens das folhas de estilo tornaram-se aparentes – e a mal de produzir sempre ainda mais tags HTML – em abundância – para efeitos de apresentação usando o desenvolvimento gradual por CSS. por exemplo, uma classe CSS a ser aplicada ao artigo enfatizado pode vir a ser chamada de “bigred”, o de que significa que ela é especialmente renderizada em uma fonte grande em vermelho.

Algumas descobertas

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

Essa separação fornece muitos pontos positivos, incluindo melhor acessibilidade por conteúdo, maior moleza e controle na especificação por características do apresentação e redução da complexidade do conteúdo estrutural.

Vamos entender o CSS na perspectiva correta. Com esses recursos, as folhas de estilo se tornaram menos essenciais, e uma linguagem externa para fins por definição de atributos do estilo não foi em larga escala aceita até o desenvolvimento do CSS.

Em uma linguagem por 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 existem por uma maneira ou do outra a partir de este início do HTML pelo início dos anos 90. A proliferação desses bugs nas implementações de CSS tornou difícil para os designers alcançarem uma aparência consistente em praticamente 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 por ilustrar isso de uma maneira que deixa as pessoas empolgadas é especialmente 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, os autores por documentos que desejavam atribuir uma cor, fonte, tamanho ou outra característica específica a todos os cabeçalhos h2 precisavam usar o elemento de 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, existem uma forte competição entre o mecanismo de layout Gecko da Mozilla, o mecanismo por layout Presto do Opera e este mecanismo KHTML usado nos navegadores Safari e Linux do Konqueror da Apple – cada um deles está liderando em multiplos aspectos do CSS. Ele tem um nível do importância menor que estes de h1, mas um nível de importância elevado que estes 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 este HTML do marcação mista faz; Praticamente as cores de origens, estilos por plano do fundo, alinhamentos de elementos, bordas e tamanhos tinham que ser explicitamente descritos, muitas vezes repetidamente, no meio do aviso 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 usualmente usam hacks e soluções blog.monting.fr alternativas para conseguir resultados 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 papeis da web.

Um destes bugs CSS mais conhecidos foi este bug do modelo do 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 é especialmente capaz de 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 de tela) e em dispositivos táteis baseados em braille.

Kategorie: Allgemein. .