eigenes-blog.de

O que o visitante precisa perceber sobre CSS

4. Juni 2018

Folha de estilo é 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, porque estes títulos maiores usualmente são interpretados como tendo elevado influência do que os menores. Este ar do elemento h2 é de apresentação. Alguns desenvolvedores que estão acostumados a projetar papeis estritamente em HTML podem possibilitar ignorar ou ignorar estes recursos do habilitação do CSS. especificamente, implica uma quantidade similar de manutenção de documentos.

CSS em poucas palavras

Este CSS foi usado pelos autores e leitores de páginas da Web para definir cores, fontes, layout e outros aspectos da apresentação do documento. Por exemplo, um responsável 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 imbutidos em todos os documentos.

O é especialmente exclusivamente um dos centenas do bugs CSS que foram documentados em várias versões do Internet Explorer, Netscape, Mozilla e Opera, vários dos quais reduzem a legibilidade dos papelada. Ele é projetado primeiramente 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 o estilo do um documento de hipertexto. As propriedades CSS2 de que nenhum browser tinha implementado com sucesso foram descartadas e, em alguns casos, os comportamentos definidos foram

O que torna as folhas por estilo suficientemente denotadas? Andam várias maneiras de vincular essas regras de estilo a seus documentos HTML, mas o método mais simples para começar é especialmente 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 igualmente compartilha algumas armadilhas comuns com linguagens de programação. este autor fica com uma classe CSS chamada “bigred” que descreve algo de que é verdejante.

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

Para além disso, o CSS pode vir a ser utilizado 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 adequado. Estes autores podem finalmente influenciar a apresentação de documentos isento deixar as páginas ilegíveis para os usuários

Uma folha de estilo é composta de regras por estilo que informam a 1 navegador tais como retratar 1 documento. larguras do caixa são interpretadas incorretamente em diversas 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.

O 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 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 por 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 é estrutural. Os títulos também igualmente similarmente identicamente conjuntamente são usualmente renderizados em negrito para dar ênfase adicional. no entanto, 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 ideal de independência de plataforma que forneceu ao meio seu impulso inicial do popularidade.

Por exemplo, o elemento HTML h2 especifica que o texto contido nele foi um cabeçalho de nível dois. Em particular, o problema do preferir nomes apropriados para classes CSS e identificadores pode vir an afligir-se autores do CSS. Os documentos HTML tornam-se demasiado menores e estes navegadores da Web geralmente armazenam em cache as folhas de estilo CSS dos sites. Nesse caso, um nome de classe mais próprio 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 foi natural projetado para permitir a separação do apresentação e estrutura. Hoje, mais frequentemente navegadores estão implementando folhas do estilo, abrindo os olhos dos autores para recursos exclusivos que permitem afectar a apresentação, preservando a independência da plataforma. Antes do CSS, quase todos os atributos de apresentação de 1 documento HTML estavam contidos pelo lei HTML; Esse elemento é colocado no documento HEAD e contém as regras por estilo para a página. As vantagens de folhas de estilo tornaram-se aparentes – e a mal de criar sempre mais tags HTML – em abundância – para resultados de apresentação com o desenvolvimento gradual de CSS. como exemplo, uma classe CSS a ser aplicada ao artigo enfatizado pode vir a ser chamada de “bigred”, o de que significa que ela foi 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 de conteúdo, maior flexibilidade e controle na especificação por 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 viraram menos essenciais, e uma linguagem externa para fins de definição de atributos do estilo não foi largamente 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 contém o valor 5;

Folhas de estilo em retrospecto

As folhas de estilo existem de uma estilo ou de outra desde este início do HTML pelo princípio dos anos 90. A proliferação desses bugs nas implementações de CSS tornou difícil para estes 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 de 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 do documentos que desejavam tocar 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 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 forte competição entre o mecanismo de layout Gecko da Mozilla, o mecanismo de 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 do importância menor que os de h1, mas um nível de importância maior 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 por alguns dos mesmos problemas que este HTML por marcação mista faz; Praticamente as cores de fontes, estilos do plano por 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 variedade de recursos estilísticos para atender às demandas dos desenvolvedores da Web. Os autores usualmente usam hacks e soluções homeremedies.ygoy.com alternativas para obter 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, especialmente pelo autor de documentos da web.

Um dos bugs CSS mais sabidos foi este bug do modelo de caixa do Internet Explorer; Na tentativa por 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, saiba 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. .