Como moderna sites usam css
Video: Our first HTML & CSS web page - Dreamweaver CC 2017 [03/13]
Conteúdo
folhas de estilo externas são arquivos fora de (mas ligados 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 design da página. 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 da tabela, ou as fronteiras específicas na parte superior, inferior ou os lados da célula da tabela.
CSS, por outro lado, pode transformar uma tag HTML bastante genérico - uma tag DIV - em um recipiente quase infinitamente formattable para qualquer tipo de conteúdo.
classes CSS e IDs são estilos especiais que estão no centro de design da página moderna. Essas classes CSS e IDs substituíram tabelas HTML como a técnica padrão para colocar para fora páginas web. Tabelas células, criados pela intersecção das linhas e colunas utilizados, como marcadores de posição para o 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 de classe.
Video: Collapsing Header Tutorial | HTML & CSS
folhas de estilo externas, tais como CSS, permitir estilo global, que tem elementos comuns em todas as páginas HTML em um site. Necessidade de alterar o esquema de cores em 17.412 páginas em 5 minutos? Nenhum problema com uma 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 seu conteúdo é apresentado. Se os estilos são aplicados utilizando folhas de estilo externas, que pode ser usado para mudar instantaneamente a aparência de cada página a que 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 etiquetas são codificadas. É 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 localizar e substituir serviços públicos inúteis.
discernir facilmente o significado original do seu conteúdo. Ao trabalhar com os mais velhos, “qualquer coisa que faz com que pareça boa” técnicas do 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 os elementos 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 tags são interrompidas ou excluídas.
Video: US History
Faça seu site amigável para todos os que visitam - não importa onde eles sã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 apropriada para a mídia 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 leitor 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 auditivamente 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.