eigenes-blog.de

Este que você precisa perceber sobre CSS

4. Juni 2018

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

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

CSS em poucas palavras

O CSS é especialmente usado pelos autores e leitores de páginas da Web para definir cores, fontes, layout e outros aspectos da apresentação do documento. Como exemplo, um autor de documento que esteja confortável usando a marcação HTML que mistura a apresentação com a estrutura pode optar por usar estilos CSS estritamente incorporados em todos os documentos.

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

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

O CSS também compartilha algumas armadilhas comuns usando linguagens de programação. o autor fica usando uma classe CSS chamada “bigred” que descreve um produto que é verdejante.

Embora essa alternativa de nomenclatura possa ser intuitiva para o autor do documento, ela pode causar problemas se o autor resolver posteriormente de que o texto enfatizado deve ser verde;

Além disso, o CSS pode 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 de usuário ou navegador da Web indicado. Os autores podem finalmente influenciar a apresentação de papeis nenhumas deixar as páginas ilegíveis para os utilizadores

Uma folha de estilo é composta de regras do estilo que informam a 1 navegador como apresentar um documento. larguras do caixa são interpretadas incorretamente em várias versões do navegador, resultando em blocos que aparecem como esperado na maioria 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 muito mais simples. 1, o que pode ser considerado como um instantâneo por trabalho do suporte CSS atual. O bug pode vir a ser evitado, mas não sem destemido custo em termos por funcionalidade. Este elemento h2 pode ser renderizado em negrito e em uma fonte maior que h3, mas menor que h1. Este aparencia 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á 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 fantástico de independência de plataforma que forneceu ao meio seu impulso inicial por popularidade.

Por exemplo, o elemento HTML h2 especifica que este texto contido nele é um cabeçalho do nível dois. Em particular, o problema por escolher nomes apropriados para classes CSS e identificadores têm a possibilidade de afligir-se autores de CSS. Estes 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 apropriado 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 por CSS

CSS é bem projetado para permitir a separação de apresentação e estrutura. Este momento, mais frequentemente navegadores estão implementando folhas do estilo, abrindo estes olhos dos autores para recursos exclusivos de 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 pelo lei HTML; Esse elemento é colocado no documento HEAD e contém as regras do estilo para a página. As vantagens das folhas de estilo tornaram-se aparentes – e a desvantagem de criar sempre mais tags HTML – em abundância – para resultados de apresentação com este desenvolvimento gradual de CSS. por exemplo, uma classe CSS a ser aplicada ao artigo enfatizado pode ser chamada de “bigred”, o de que significa que ela é 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 fortes, incluindo melhor acessibilidade do conteúdo, maior flexibilidade 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. Usando esses recursos, as folhas por estilo se viraram menos vitais, e uma linguagem externa para fins de sentido de atributos do estilo não foi largamente aceita até este desenvolvimento do CSS.

Em uma linguagem do 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 do estilo em retrospecto

As folhas de estilo andam de uma maneira ou do outra desde este princípio do HTML no princípio dos anos 90. A proliferação desses bugs nas implementações do 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 do ilustrar isso de uma maneira de que deixa as pessoas empolgadas foi demonstrando este que deveras pode ser, uma vez que as rédeas são colocadas nas mãos daqueles capazes do 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 este elemento do fonte HTML para cada ocorrência desse tipo de título. Este Internet Explorer continua sendo o mais grave na renderização de CSS pelos padrões estabelecidos pelo World Wide Web Consortium a partir de 2005.

Atualmente, existe uma poderoso competição entre o mecanismo de look 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 variados aspectos do CSS. Ele tem 1 nível por importância menor que os de h1, mas um nível por 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 destes mesmos problemas que este HTML de marcação mista faz; Todas as cores de origens, estilos por plano de fundo, alinhamentos de elementos, bordas e tamanhos tinham que ser explicitamente descritos, muitas vezes repetidamente, no meio do código HTML.

À medida que a linguagem HTML cresceu, no entanto, ela passou a abranger uma ampla diversidade de recursos estilísticos para atender às demandas destes desenvolvedores da Web. Os autores usualmente usam hacks e soluções alternativas para adquirir efeitos consistentes em navegadores e plataformas da web.

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

CSS pode vir a às vezes ser mal utilizado, em especial pelo responsável de documentos da web.

Um destes bugs CSS mais sabidos é o bug do modelo por 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 por 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 webbizdev8.com em braille.

Kategorie: Allgemein. .