O que você precisa saber sobre CSS

Standard

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

Normalmente, os cabeçalhos são renderizados em ordem decrescente do tamanho, usando h1 do tipo maior, visto que os títulos maiores usualmente são interpretados como tendo maior influência do que os menores. Este aspecto do elemento h2 é especialmente de apresentação. Alguns desenvolvedores que estão acostumados a projetar papeis estritamente em HTML podem possibilitar ignorar ou ignorar os recursos do habilitação do CSS. especificamente, implica uma quantidade similar de manutenção de documentos.

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 com a marcação HTML que mistura a apresentação com a estrutura pode escolher por utilizar estilos CSS estritamente imbutidos em todos os papelada.

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

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

O CSS também igualmente similarmente identicamente conjuntamente compartilha algumas armadilhas normais com linguagens por programação. o autor teimavive usando uma classe CSS chamada “bigred” que descreve algo de que é verdejante.

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

Para além disso, o CSS pode ser usado com XML, para permitir que esses documentos estruturados sejam renderizados com completa 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 influenciar a apresentação de documentos isento dar as páginas ilegíveis para os utilizadores

Uma folha de estilo foi composta de regras de estilo que informam a 1 navegador 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, o que pode ser ponderado tais como um instantâneo de produção do suporte CSS atual. O bug pode vir a ser evitado, mas não sem algum 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 foi estrutural. Estes títulos igualmente são normalmente renderizados em negrito para dar ênfase adicional. no entanto, 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 este texto contido nele foi um cabeçalho por nível dois. Em particular, o problema do escolher nomes apropriados para classes CSS e identificadores pode vir an afligir autores por CSS. Os documentos HTML tornam-se demasiado menores e estes navegadores da Web usualmente armazenam em cache as folhas de estilo CSS dos sites. Nesse caso, um nome de classe mais apropriado pode ter 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 de CSS

CSS é especialmente bem projetado para permitir a separação de apresentação e estrutura. Este momento, cada vez mais 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. Antes do CSS, quase todos os atributos de apresentação de 1 documento HTML estavam contidos no aviso HTML; Esse elemento é leco no documento HEAD e contém as regras de estilo para a página. Os proveitos das folhas de estilo tornaram-se aparentes – e a mal de produzir sempre mais tags HTML – em abundância – para resultados de apresentação com este desenvolvimento gradual por CSS. por exemplo, uma classe CSS a ser aplicada ao artigo enfatizado pode vir a ser chamada de “bigred”, o que significa que ela é renderizada em uma fonte grande em vermelho.

Algumas descobertas

Esses problemas levaram o W3C a revisar este padrão CSS2 em CSS2.

Tal separação fornece muitos benefícios, incluindo melhor acessibilidade do 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. Usando esses recursos, as folhas por estilo se tornaram menos vitais, e uma linguagem externa para fins de definição de atributos por estilo não foi largamente aceita até este desenvolvimento do CSS.

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

As folhas de estilo existem do uma estilo ou por outra a partir de o início do HTML no início dos anos 90. A proliferação desses bugs nas implementações do 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 por páginas notavelmente mais rápidos. A única maneira de ilustrar isso de uma maneira que deixa os indíviduos empolgadas foi demonstrando o que certamente pode ser, uma vez que as rédeas são colocadas nas mãos daqueles capazes por criar formosura a partir da estrutura.

Antes do CSS, os autores de documentos que desejavam tocar 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 por 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, há uma intenso competição entre o mecanismo de layout Gecko da Mozilla, este 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 variados aspectos do CSS. Ele tem um nível por importância menor que os de h1, mas um nível do importância maior 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 este HTML por marcação mista faz; Praticamente as cores de origens, estilos de plano de fundo, alinhamentos de elementos, bordas e tamanhos tinham que ser explicitamente descritos, muitas vezes repetidamente, no meio do lei 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 usualmente usam hacks e soluções blog.drinkme.com alternativas para conseguir resultados consistentes em navegadores e plataformas da web.

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

CSS têm a possibilidade de às vezes ser mal utilizado, em especial pelo autor de documentos da web.

Um dos bugs CSS mais entendidos é este 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; O CSS também é capaz do controlar este estilo do documento separadamente em métodos de renderização alternativos, saiba como na tela impressa, por voz (quando lido por um navegador baseado em fala ou leitor do tela) e em dispositivos táteis baseados em braille.