お知らせ

ホーム > Este que você precisa perceber sobre CSS

NEWS

Este que você precisa perceber sobre CSS

2018.05.22 | NAME:orikasa

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

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

CSS em poucas palavras

O CSS é usado pelos autores e leitores de páginas da Web para definir cores, fontes, look e outros aspectos da apresentação do documento. Como 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 utilizar estilos CSS estritamente imbutidos em todos os documentos.

O é somente um destes centenas por bugs CSS de que foram documentados em numerosas versões do Net Explorer, Netscape, Mozilla e Opera, muitos dos quais reduzem a legibilidade destes documentos. Ele é projetado primeiramente 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 sucesso foram descartadas e, em alguns quadros, os comportamentos definidos foram

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

O CSS igualmente compartilha algumas armadilhas comuns com linguagens do programação. o autor fica usando uma classe CSS chamada “bigred” que descreve um serviço de que é verde.

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

Para além disso, este CSS têm a possibilidade de ser usado com XML, para consentir que esses documentos estruturados sejam renderizados com completa 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 possibilitar finalmente influenciar a apresentação de papeis nenhumas deixar as páginas ilegíveis para os usuários

Uma folha de estilo é formada de regras por estilo que informam a 1 navegador tais como exprimir 1 documento. larguras do caixa são interpretadas incorretamente em numerosas 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 ainda mais simples. 1, este que pode ser ponderado como um instantâneo por produção do suporte CSS atual. Este bug têm a possibilidade de ser evitado, mas não sem destemido custo em termos do 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 é especialmente estrutural. Os títulos também igualmente similarmente identicamente conjuntamente são usualmente renderizados em negrito para dar ênfase adicional. ainda assim, se o valor da variável for alterado para 7, o nome não será muito 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 fantástico de independência de plataforma que forneceu ao meio seu impulso inicial por popularidade.

Por exemplo, o elemento HTML h2 especifica de que o texto contido nele foi um cabeçalho do nível dois. Em particular, este problema de preferir nomes apropriados para classes CSS e identificadores têm a possibilidade de afligir-se autores por CSS. Estes documentos HTML tornam-se muito menores e estes navegadores da Web usualmente armazenam em cache as folhas de estilo CSS destes sites. Nesse caso, um nome de classe mais próprio 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 do CSS

CSS é especialmente bem projetado para permitir a separação por apresentação e estrutura. Hoje, mais frequentemente navegadores estão implementando folhas do estilo, abrindo estes olhos dos autores para recursos exclusivos que permitem afectar a apresentação, preservando a independência da plataforma. Previamente do CSS, quase todos os atributos por apresentação de 1 documento HTML estavam contidos pelo aviso 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 sempre muito 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 post enfatizado pode ser chamada de “bigred”, o de que significa que ela foi renderizada em uma fonte grande em vermelho.

Algumas descobertas

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

Essa separação fornece muitos pontos fortes, incluindo melhor acessibilidade do conteúdo, elevado moleza e controle na especificação por características de 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 viraram menos importantes, e uma linguagem externa para fins por sentido de atributos por estilo não foi amplamente aceita até o 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 pussuí o valor 5;

Folhas de estilo em retrospecto

As folhas de estilo existem por uma estilo ou do outra a partir de o início do HTML pelo princípio dos anos 90. A proliferação desses bugs nas implementações de CSS tornou difícil para os 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 por 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 por criar formosura a partir da estrutura.

Antes do CSS, os autores por documentos que desejavam tocar uma cor, fonte, tamanho ou outra característica específica a todos os cabeçalhos h2 precisavam usar o elemento por fonte HTML para cada ocorrência desse tipo por 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, há uma forte 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 de importância menor que os de h1, mas um nível por 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 do alguns destes mesmos problemas que o HTML por marcação mista faz; Praticamente 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 código 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 dos desenvolvedores da Web. Os autores geralmente usam hacks e soluções www.iskarsan.com.tr alternativas para adquirir fins consistentes em navegadores e plataformas da web.

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

CSS pode às vezes ser mal utilizado, em especial pelo autor de papelada da web.

Um dos bugs CSS mais conhecidos foi o bug do modelo do caixa do Net Explorer; Na tentativa do 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 por 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 de tela) e em dispositivos táteis baseados em braille.