eigenes-blog.de

O que você precisa saber sobre CSS

4. Juni 2018

Folha de estilo www.stuvet.cz foi um avanço progressivo para este avanço da web.

Usualmente, os cabeçalhos são renderizados em conformidade decrescente do tamanho, com h1 do tipo maior, visto que estes títulos maiores usualmente são interpretados como tendo maior mais valia do que os menores. Este aparencia 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 por habilitação do CSS. especificamente, implica uma quantidade similar de manutenção de documentos.

CSS em poucas palavras

Este CSS é especialmente usado pelos autores e leitores do páginas da Web para definir cores, fontes, look e outros aspectos da apresentação do documento. Como exemplo, um responsável de documento que esteja confortável com a marcação HTML de que mistura a apresentação usando a estrutura pode escolher por utilizar estilos CSS estritamente imbutidos em todos os papeis.

O presente é especialmente exclusivamente um dos centenas do bugs CSS que foram documentados em numerosas versões do Internet Explorer, Netscape, Mozilla e Opera, muitos 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 o estilo de um documento de hipertexto. As propriedades CSS2 de que nenhum browser tinha implementado com êxito foram descartadas e, em alguns quadros, os comportamentos definidos foram

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

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

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

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

Uma folha de estilo é especialmente formada de regras por estilo que informam a 1 navegador tais como retratar um documento. larguras por 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 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, este que pode ser ponderado saiba como um instantâneo do produção do suporte CSS atual. Este bug têm a possibilidade de ser evitado, mas não sem algum custo em termos do funcionalidade. O elemento h2 pode ser renderizado em negrito e em uma fonte elevado que h3, mas menor que h1. Este aparencia do elemento h2 é especialmente estrutural. Estes 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, o nome não será ainda 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 ideal de independência de plataforma que forneceu ao meio seu impulso inicial por popularidade.

Por exemplo, este elemento HTML h2 especifica que este texto contido nele foi um cabeçalho de nível dois. Em particular, este problema por optar nomes apropriados para classes CSS e identificadores têm a possibilidade de afligir autores por CSS. Os documentos HTML tornam-se bastante menores e estes 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 o objetivo ou a intenção da classe, em vez da face dos elementos dessa classe.

Funcionalidade e uso do CSS

CSS foi bem projetado para consentir a separação por apresentação e estrutura. Hoje, cada vez mais navegadores estão implementando folhas por estilo, abrindo estes olhos dos autores para recursos exclusivos que permitem influenciar a apresentação, preservando a independência da plataforma. Antes do CSS, quase todos os atributos de apresentação de um documento HTML estavam contidos pelo aviso HTML; Esse elemento é leco no documento HEAD e contém as regras de estilo para a página. As vantagens das folhas de estilo tornaram-se aparentes – e a mal de produzir continuamente ainda mais tags HTML – em abundância – para resultados de apresentação com este desenvolvimento gradual por CSS. como exemplo, uma classe CSS a ser aplicada ao artigo enfatizado pode vir a ser chamada de “bigred”, o que significa que ela foi renderizada em uma fonte grande em vermelho.

Algumas descobertas

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

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

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

Em uma linguagem do programação, tal uso indevido pode ser análogo ao uso por um nome de variável “cinco” para uma variável que contém o valor 5;

Folhas do estilo em retrospecto

As folhas de estilo existem de uma forma ou de outra a partir de o princípio 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 de páginas notavelmente mais rápidos. A única maneira por ilustrar isso de uma maneira que deixa as pessoas empolgadas é especialmente demonstrando este que certamente 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 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. 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, há uma intenso competição entre o mecanismo de layout Gecko da Mozilla, o mecanismo de layout Presto do Opera e este 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 por importância menor que os de h1, mas um nível de 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 dos mesmos problemas que este HTML do marcação mista faz; Praticamente as cores de origens, estilos de plano do fundo, alinhamentos de elementos, bordas e tamanhos tinham que ser explicitamente descritos, muitas vezes repetidamente, no meio do aviso 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 resultados 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 papeis da web.

Um dos bugs CSS mais entendidos foi o bug do modelo do caixa do Internet Explorer; Na tentativa do 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 do controlar este 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 do tela) e em dispositivos táteis baseados em braille.

Kategorie: Allgemein. .