O que o visitante precisa saber sobre CSS

Folha de estilo apizza.com.om foi um avanço progressivo para o avanço da web.

Geralmente, os cabeçalhos são renderizados em ordem decrescente por tamanho, usando h1 do tipo maior, visto que os títulos maiores usualmente são interpretados como tendo elevado influência do que estes 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 por 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 por 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 usando a marcação HTML de que mistura a apresentação com a estrutura pode escolher por utilizar estilos CSS estritamente incorporados em todos os documentos.

Este é somente um dos centenas de bugs CSS de que foram documentados em numerosas versões do Net Explorer, Netscape, Mozilla e Opera, vários dos quais reduzem a legibilidade destes papelada. Ele é projetado primeiramente 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 o estilo do um documento de hipertexto. As atributos CSS2 que nenhum navegador tinha implementado com êxito foram descartadas e, em alguns quadros, os comportamentos definidos foram

O que torna as folhas do estilo suficientemente significativas? Existem várias maneiras de vincular essas regras de estilo a seus documentos HTML, mas este método mais simples para começar foi 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 igualmente compartilha algumas armadilhas comuns com linguagens do programação. este autor fica usando 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 causar problemas se o autor resolver posteriormente 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 look, tipografia, cor e assim por diante em qualquer agente de usuário ou navegador da Web indicado. Os autores podem vir a finalmente afectar a apresentação de documentos sem dar as páginas ilegíveis para os usuários

Uma folha de estilo é composta de regras de estilo que informam a 1 navegador saiba como apresentar 1 documento. larguras do caixa são interpretadas incorretamente em várias 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 os 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 considerado tais como um instantâneo por manejorefregatráfego do suporte CSS atual. O bug pode ser evitado, mas não sem destemido custo em termos por funcionalidade. O elemento h2 pode ser renderizado em negrito e em uma fonte elevado que h3, mas menor que h1. Este aspecto do elemento h2 foi estrutural. Estes títulos também são normalmente renderizados em negrito para dar ênfase adicional. no entanto, se o 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 de 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 de optar nomes apropriados para classes CSS e identificadores têm a possibilidade de afligir autores do 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 próprio pode ter sido « enfatizado » para descrever melhor este objetivo ou a intenção da classe, em vez da aspecto dos elementos dessa classe.

Funcionalidade e uso do CSS

CSS foi bem projetado para consentir a separação de apresentação e estrutura. Este momento, mais frequentemente navegadores estão implementando folhas por estilo, abrindo estes 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 de apresentação de um documento HTML estavam contidos no código HTML; Esse elemento é leco 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 continuamente muito mais tags HTML – em abundância – para resultados de apresentação com o desenvolvimento gradual por CSS. por exemplo, uma classe CSS a ser aplicada ao artigo enfatizado têm a possibilidade de 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 por conteúdo, maior moleza e controle na especificação do características por apresentação e redução da complexidade do conteúdo estrutural.

Vamos entender o CSS na perspectiva correta. Com esses recursos, as folhas do estilo se tornaram menos importantes, e uma linguagem externa para fins do sentido de atributos de estilo não foi em larga escala 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 existem por uma forma ou por outra desde este início do HTML pelo 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 de que deixa as pessoas empolgadas é especialmente demonstrando o 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, estes autores do documentos de que desejavam atribuir uma cor, fonte, tamanho ou outra característica específica a todos os cabeçalhos h2 precisavam usar este elemento de fonte HTML para cada ocorrência desse tipo por título. Este 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, existem uma intenso competição entre o mecanismo de layout Gecko da Mozilla, o 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 1 nível de importância menor que estes de h1, mas um nível do importância elevado 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 por alguns destes mesmos problemas que este HTML por marcação mista faz; Todas as cores de fontes, estilos do plano de fundo, alinhamentos de elementos, bordas e tamanhos tinham que ser explicitamente descritos, muitas vezes repetidamente, no meio do aviso HTML.

À medida de 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 às vezes ser mal utilizado, especialmente pelo autor de papeis da web.

Um destes bugs CSS mais conhecidos foi 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 foi pesado por controlar o estilo do documento separadamente em meios de renderização alternativos, saiba 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.

Laisser une réponse

XHTML: Tags utilisables: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>