Tutorial CSS

CSS é usado para controlar o estilo de um documento da web de uma maneira simples e fácil.

CSS é o acrônimo para "Cascading Style Sheet" . Este tutorial abrange as versões CSS1, CSS2 e CSS3 e fornece um entendimento completo do CSS, começando do básico ao avançado.

Por que aprender CSS?

O Cascading Style Sheets , conhecido como CSS , é uma linguagem de design simples que visa simplificar o processo de tornar as páginas da Web apresentáveis.

O CSS é uma obrigação para que estudantes e profissionais que trabalham se tornem um grande engenheiro de software, especialmente quando trabalham no domínio de desenvolvimento da Web. Vou listar algumas das principais vantagens de aprender CSS:

  • Criar site impressionante - o CSS lida com a aparência de uma página da web. Usando CSS, você pode controlar a cor do texto, o estilo das fontes, o espaçamento entre parágrafos, como as colunas são dimensionadas e dispostas, quais imagens ou cores de plano de fundo são usadas, designs de layout, variações na exibição para diferentes dispositivos e tamanhos de tela bem como uma variedade de outros efeitos.

  • Torne-se um web designer - Se você deseja iniciar uma carreira como web designer profissional, o design de HTML e CSS é uma habilidade obrigatória.

  • Controlar a Web - o CSS é fácil de aprender e entender, mas fornece um controle poderoso sobre a apresentação de um documento HTML. Geralmente, o CSS é combinado com as linguagens de marcação HTML ou XHTML.

  • Aprenda outras línguas - Depois de entender o básico de HTML e CSS, outras tecnologias relacionadas, como javascript, php ou angular, ficam mais fáceis de entender.

Olá Mundo usando CSS.

Só para dar uma pequena empolgação com o CSS, darei a você um pequeno programa CSS Hello World convencional, você pode experimentá-lo usando o link Demo.

<!DOCTYPE html>
<html>
   <head>
      <title>This is document title</title>
      <style>
      h1 {
         color: #36CFFF; 
      }
      </style>
   </head>	
   <body>
      <h1>Hello World!</h1>
   </body>	
</html>

Aplicações de CSS

Como mencionado anteriormente, o CSS é uma das linguagens de estilo mais amplamente usadas na web. Vou listar alguns deles aqui:

  • CSS economiza tempo - Você pode escrever CSS uma vez e reutilizar a mesma planilha em várias páginas HTML. Você pode definir um estilo para cada elemento HTML e aplicá-lo a quantas páginas da Web desejar.

  • Páginas carregam mais rápido - Se você estiver usando CSS, não precisará escrever atributos de tag HTML sempre. Basta escrever uma regra CSS de uma tag e aplicá-la a todas as ocorrências dessa tag. Portanto, menos código significa tempos de download mais rápidos.

  • Manutenção fácil - Para fazer uma alteração global, basta alterar o estilo, e todos os elementos em todas as páginas da web serão atualizados automaticamente.

  • Estilos superiores ao HTML - o CSS possui uma matriz de atributos muito mais ampla que o HTML, portanto, você pode dar uma aparência muito melhor à sua página HTML em comparação aos atributos HTML.

  • Compatibilidade com vários dispositivos - As folhas de estilo permitem que o conteúdo seja otimizado para mais de um tipo de dispositivo. Usando o mesmo documento HTML, versões diferentes de um site podem ser apresentadas para dispositivos portáteis, como PDAs e telefones celulares, ou para impressão.

  • Padrões globais da web - Agora, os atributos HTML estão sendo descontinuados e é recomendado o uso de CSS. Portanto, é uma boa ideia começar a usar CSS em todas as páginas HTML para torná-las compatíveis com navegadores futuros.

Público

Este tutorial sobre CSS ajudará estudantes e profissionais que desejam tornar seus sites ou blogs pessoais mais atraentes.

Pré-requisitos

Você deve estar familiarizado com:

  • Processamento básico de texto usando qualquer editor de texto.
  • Como criar diretórios e arquivos.
  • Como navegar por diferentes diretórios.
  • Navegação na Internet usando navegadores populares como o Internet Explorer ou Firefox.
  • Desenvolvimento de páginas da Web simples usando HTML ou XHTML.

Se você é novo no HTML e no XHTML, sugerimos que você acesse primeiro o Tutorial em HTML ou o Tutorial em XHTML.