Como Modern sites usam CSS

folhas de estilo externassão arquivos fora da (mas ligado a páginas HTML) que fornecem estilo e layout para páginas da web. folhas de estilo em cascata são um exemplo de folhas de estilo externas. A seguir, são razões pelas quais incluindo folhas de estilo externas em suas páginas da web é uma coisa boa:

• Os estilos CSS são muito mais poderosas do que as ferramentas mais antigas, baseadas em HTML para o projeto principal. Por exemplo, o layout com tabelas HTML requer designers para contorcer linhas e colunas da tabela em recipientes de conteúdo. Com HTML, você tem pouco controle sobre parâmetros como o espaçamento entre e dentro dessas células de tabela ou as fronteiras específicas na parte superior, inferior ou os lados da célula da tabela.

• CSS, por outro lado, pode transformar um tag de HTML ao invés genérico - uma tag DIV - dentro de um recipiente quase infinitamente formattable para qualquer tipo de conteúdo.

• classes CSS e IDs são estilos especiais que estão no coração do design da página moderna. Essas classes CSS e IDs substituíram tabelas HTML como a técnica padrão para servir páginas web. Tabelas células, criadas pelo cruzamento de linhas e colunas usadas, como espaços reservados para conteúdo. Esta técnica foi desajeitada e limitada, em comparação com a liberdade disponível com ID- e layouts de páginas definido classe.

• folhas de estilo externas, tais como CSS, permitir styling global, que tem elementos comuns em todas as páginas HTML em um site. Necessidade de alterar o esquema de cores de 17.412 páginas em 5 minutos? Nenhum problema com um folha de estilo externa - você simplesmente atualizar o arquivo CSS, e todos os arquivos HTML que apontam para que a folha de estilo atualizar instantaneamente nos navegadores.

Ao usar o CSS, você pode

• Facilmente fazer alterações globais em como o conteúdo é apresentado. Se os estilos são aplicados usando folhas de estilo externas, que podem ser usadas para alterar imediatamente a aparência de cada página para a qual eles estão ligados. Esta é uma ferramenta de produtividade indispensável em grandes sites.

  Imagine ter que encontrar todas as tags de fonte e alterá-las em um extenso website. Usando um simples localizar e substituir esforço muitas vezes não funciona por causa da maneira inconsistente tags são codificados. É possível ter centenas de variações das tags de fonte - que todos têm a mesma aparência na página da web, mas são codificados de forma diferente - o que torna o uso de localizar e substituir serviços públicos inúteis.

• discernir facilmente o significado original do seu conteúdo. Ao trabalhar com os mais velhos, # 147-qualquer coisa que faz com que pareça boas # 148- técnicas tipo que empregam tags HTML para formatação e design, muitas vezes você não pode dizer o que as diferentes partes do conteúdo da página são apenas olhando para ele.

  HTML de estilo antigo permite o uso de tags de forma inadequada, tais como a aplicação de propriedades a um tag de fonte que faz uma exibição parágrafo tag como se fosse um título. Não é fácil de corrigir. Se você conseguir retirar as antigas tags de fonte, você também tira as pistas visuais que podem ajudar você a re-code a página corretamente.

  Por exemplo, se você configurar sua página como um bloco de conteúdo com
  etiquetas para separá-lo visualmente em parágrafos e tags para fazer títulos olhar diferente, é difícil descobrir o que era se as marcas são interrompidos ou apagados.

• Faça seu site amigável para todos os que visitam - não importa onde eles estão ou o que sua situação é. Cada vez mais, as pessoas que utilizam a web não usam um computador tradicional. Em vez disso, eles usam tablets, smartphones e outros dispositivos digitais. Com CSS e HTML, você pode detectar ambiente de navegação de um visitante e fornecer diferentes folhas de estilo que exibem conteúdo em uma forma adequada aos meios de comunicação do visitante.

• Baseando-se em CSS e HTML também faz locais mais acessíveis aos auditivas e os usuários com deficiência visual, que têm software de leitura ou outras ferramentas especiais que funcionam melhor se você evitar o uso de tags HTML para formatação.

  Mais uma vez, alguns usuários podem ter personalizado folhas de estilo para que eles possam usar a Internet. Alguém pode precisar para ampliar o tamanho das fontes ou para especificar como um leitor de tela sinais foneticamente diferentes partes de um documento para compensar deficiências visuais. Informações sobre folhas de estilo aural podem ser encontrados na World Wide Web Consortium (W3C) site.