eigenes-blog.de

Este que você precisa perceber sobre CSS

4. Juni 2018

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

Usualmente, os cabeçalhos são renderizados em ordem decrescente do tamanho, usando h1 do tipo maior, porque os títulos maiores usualmente são interpretados como tendo elevado importâ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 de habilitação do CSS. especificamente, implica uma quantidade similar de manutenção de papelada.

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

O presente é especialmente exclusivamente um dos centenas por 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 dos papeis. 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 navegador tinha implementado com sucesso foram descartadas e, em alguns casos, os comportamentos definidos foram

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

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

Embora essa escolha de nomenclatura possa ser intuitiva para o autor do documento, ela têm a possibilidade de causar problemas se este autor decidir posteriormente de que o texto enfatizado deve ser verde;

Para além disso, o CSS têm a possibilidade de ser utilizado com XML, para permitir 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 papelada isento dar as páginas ilegíveis para os utilizadores

Uma folha de estilo é formada de regras por estilo que informam a um navegador tais como apresentar um documento. larguras do 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 Net 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 ponderado como um instantâneo por produção do suporte CSS atual. Este bug pode vir a ser evitado, mas não sem destemido 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 o valor da variável for alterado para 7, este nome não será muito 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 por popularidade.

Por exemplo, este elemento HTML h2 especifica de que o texto contido nele é um cabeçalho do nível dois. Em particular, o problema por escolher nomes apropriados para classes CSS e identificadores pode afligir autores de CSS. Estes documentos HTML tornam-se bastante menores e estes navegadores da Web geralmente armazenam em cache as folhas de estilo CSS destes sites. Nesse caso, um nome de classe mais próprio pode deter sido “enfatizado” para descrever melhor este objetivo ou a intenção da classe, em vez da aspecto dos elementos dessa classe.

Funcionalidade e uso de CSS

CSS é especialmente bem projetado para consentir a separação do apresentação e estrutura. Este momento, cada vez mais navegadores estão implementando folhas do estilo, abrindo estes 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 por apresentação de um documento HTML estavam contidos pelo aviso HTML; Esse elemento é lacaio no documento HEAD e contém as regras de estilo para a página. Os proveitos de folhas de estilo tornaram-se aparentes – e a mal de criar continuamente mais tags HTML – em abundância – para efeitos de apresentação com este desenvolvimento gradual de CSS. por exemplo, uma classe CSS a ser aplicada ao artigo enfatizado têm a possibilidade de 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 o padrão CSS2 em CSS2.

Essa separação fornece vários pontos fortes, incluindo melhor acessibilidade por conteúdo, maior moleza e controle na especificação do 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 de estilo se tornaram menos vitais, e uma linguagem externa para fins do sentido de atributos de estilo não foi largamente aceita até este desenvolvimento do CSS.

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

Folhas por estilo em retrospecto

As folhas de estilo existem de uma maneira ou por outra a partir de o início do HTML pelo princípio dos anos 90. A proliferação desses bugs nas implementações do CSS tornou difícil para os 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 por ilustrar isso de uma maneira que deixa as pessoas empolgadas é demonstrando este que certamente pode ser, uma vez que as rédeas são colocadas nas mãos daqueles capazes de criar formosura a partir da estrutura.

Antes do CSS, os autores do documentos que desejavam atribuir uma cor, fonte, tamanho ou outra característica específica a todos os cabeçalhos h2 precisavam usar este elemento do fonte HTML para cada ocorrência desse tipo do 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 poderoso competição entre o mecanismo de layout Gecko da Mozilla, este 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 por importância menor que estes de h1, mas um nível por 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 de alguns destes mesmos problemas que o HTML do marcação mista faz; Praticamente as cores de origens, 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 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 geralmente usam hacks e soluções piknikasik.id alternativas para obter efeitos consistentes em navegadores e plataformas da web.

O CSS também tem sua parcela de inconsistências

CSS têm a possibilidade de às vezes ser mal utilizado, especialmente pelo autor de papelada da web.

Um destes bugs CSS mais sabidos é o bug do modelo por caixa do Net 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 é pesado do controlar este estilo do documento separadamente em métodos de renderização alternativos, como na tela impressa, por voz (quando lido por um browser baseado em fala ou leitor por tela) e em dispositivos táteis baseados em braille.

Kategorie: Allgemein. .