Aprender a estilizar HTML, utilizando CSS

This translation is incomplete. Please help translate this article from English

Folhas de Estilo em Cascata — ou CSS — é a segunda tecnologia que deveria começar a aprender depois de HTML. Considerando que HTML é utilizado para definir a estrutura e semântica do seu conteúdo, CSS é utilizada para estilizar e aplicar. Assim, por exemplo, pode utilizar CSS para alterar o tipo de letra, cor, tamanho e espaçamento de seu conteúdo, dividi-lo em várias colunas, ou adicionar animações e outros elementos decorativos.

Passos de aprendizagem

Você deve aprender o básico de HTML antes de tentar qualquer CSS. Recomendamos que você trabalhe primeiro através do nosso módulo de Introdução ao HTML. Nesse módulo, você aprenderá sobre:

  • CSS, começando com o módulo Introduction to CSS
  • Módulos de HTML mais avancados HTML modules
  • Javascript, e como utilizá-lo para adicionar funcionalidades dinâmicas às páginas web

Uma vez entendidos os fundamentos do HTML, recomendamos que aprenda HTML e CSS ao mesmo tempo, andando para trás e para a frente entre os dois tópicos. Isto porque HTML é muito mais interessante com CSS, e você não pode realmente aprender CSS sem conhecer HTML.

Antes de iniciar este tópico, deve também estar familiarizado com a utilização de computadores e o uso da web passivamente (ou seja, apenas olhando para ele, consumindo o conteúdo). Você deve ter um ambiente de trabalho básico configurado conforme detalhado em Instalar software básico, e entender como criar e gerir arquivos, conforme detalhado em Lidar com ficheiros - ambos são partes do nosso módulo Primeiros passos na Web.

Recomenda-se que trabalhe através de Primeiros passos na Web antes de prosseguir com este tópico. No entanto, fazê-lo não é absolutamente necessário, pois muito do que é abordado no artigo CSS - Essencial também é abordado no nosso módulo CSS first steps, embora com muito mais detalhe.

Módulos

Este tópico contém os seguintes módulos, numa ordem sugerida para trabalhar com eles. Deveria definitivamente começar com o primeiro .

Introdução à CSS
This module gets you started with the basics of how CSS works, including selectors and properties, writing CSS rules, applying CSS to HTML, how to specify length, color, and other units in CSS, cascade and inheritance, box model basics, and debugging CSS.
Estilio de texto
Here we look at text styling fundamentals, including setting font, boldness, and italics, line and letter spacing, and drop shadows and other text features. We round off the module by looking at applying custom fonts to your page, and styling lists and links.
Estilio de caixas
Next up, we look at styling boxes, one of the fundamental steps towards laying out a web page. In this module we recap the box model then look at controlling box layouts by setting padding, borders and margins, setting custom background colors, images and other features, and fancy features such drop shadows and filters on boxes.
Disposição de CSS
At this point we've already looked at CSS fundamentals, how to style text, and how to style and manipulate the boxes that your content sits inside. Now it's time to look at how to place your boxes in the right place in relation to the viewport, and one another. We have covered the necessary prerequisites so can now dive deep into CSS layout, looking at different display settings, traditional layout methods involving float and positioning, and new fangled layout tools like flexbox.
Desenho responsivo (TBD)
Com tantos tipos diferentes de dispositivos capazes de navegar na Web nestes dias, o desenho da Web responsivo (RWD) tornou-se uma habilidade básica de desenvolvimento da Web. Este módulo irá abranger os princípios básicos e as ferramentas de RWD, explicar como aplicar CSS diferentes em um documento, dependendo das funcionalidades do dispositivo, como largura, orientação e resolução do ecrã, e explorar as tecnologias disponíveis para servir diferentes vídeos e imagens dependendo de tais funcionalidades.

Resolver problemas de CSS comuns

Utilizar CSS para resolver problemas comuns, fornece hioperligações para secções de conteúdo explicando como utilizar o CSS para resolver problemas muito comuns quando criar uma página da Web .

Consulte também

CSS na MDN
O ponto de entrada principal para a documentação de CSS na MDN, onde irá encontrar uma documentação de referência detalhada para todas as funcionalidades as linguagem CSS. Quer saber todos os valores que uma propriedade pode ter? Este é um bom lugar para ir.