1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
|
---
title: Estilizando texto
slug: Aprender/CSS/Estilizando_texto
tags:
- CSS
- Fontes
- Iniciante
- Links
- Texto
- listas
- web fontes
translation_of: Learn/CSS/Styling_text
---
<div>{{LearnSidebar}}</div>
<p class="summary">Com o básico de CSS compreendido, o próximo passo para você se concentrar será a estilização de textos — uma das mais importantes coisas que você fará com CSS. Aqui nós olhamos para os fundamentos de estilização de texto, fontes, negritos, italicos, linha e espaço entre letras, sombreamente e outras características textuais. Completamos o módulo produrando aplicar fontes personalizadas para sua página, e estilizando listas e links.</p>
<h2 id="Pré-requisites">Pré-requisites</h2>
<p>Antes de começar este módulo, você já deverá ter familiaridade básica com HTML, como dissemos no módulos <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">Introdução ao HTML</a>, e estar confortável com os fundamentos de CSS, como discutido em <a href="/en-US/docs/Learn/CSS/Introduction_to_CSS">Introdução ao CSS</a>.</p>
<div class="note">
<p><strong>Nota</strong>: Se você está usando um computador/tablet/outro dispositivo onde não tem a possibilidade de criar seus próprios arquivos, você poderá treinar os códigos-exemplo em um programa de código online como <a href="http://jsbin.com/">JSBin</a>,<a href="https://codepen.io/"> CodePen</a> or <a href="https://thimble.mozilla.org/">Thimble</a>.</p>
</div>
<h2 id="Guias">Guias</h2>
<p>Este módulo contém os seguintes artigos que ensinarão você todos os fundamentos por trás da estilização de conteúdo textual HTML.</p>
<dl>
<dt><a href="/en-US/docs/Learn/CSS/Styling_text/Fundamentals">Fundamentos da estilização de texto e fontes</a></dt>
<dd>Neste artigo nós passamos por todo o básico da estilização de texto/fonte, incluindo a configuração weight(negrito), family e style, configuração com forma abreviada, alinhamento textual, linha e espaçamento entre as letras.</dd>
<dt><a href="/en-US/docs/Learn/CSS/Styling_text/Styling_lists">Estilizando lista</a></dt>
<dd>Listas comportam-se como qualquer texto na maior parte das vezes, ma há algumas propriedades CSS específicas para lista que você precisa conhecer, e algumas boas práticas a considerar. Este artigo esclarecerá tudo.</dd>
<dt><a href="/en-US/docs/Learn/CSS/Styling_text/Styling_links">Estilizando links</a></dt>
<dd>Na estilização de links, é importante entender como fazer uso de pseudo-classes para estilizar o estado dos links efetivamente, como estilizar links para uso em recursos de interfaces diversas como menus de navegação e guias. Veremos todos esses tópicos neste artigo.</dd>
<dt><a href="/en-US/docs/Learn/CSS/Styling_text/Web_fonts">Web Fontes</a></dt>
<dd>Aqui nós exploraremos Web Fontes em detalhes — isto permite que você baixe fontes personalizadas junto com sua página web, para permitir maior personalização na estilização.</dd>
</dl>
<h2 id="Avaliação">Avaliação</h2>
<p>A seguinte avaliação testará seu entendimento das técnicas de estilização de texto cobertas pelo guia acima.</p>
<dl>
<dt><a href="/en-US/Learn/CSS/Styling_text/Typesetting_a_homepage">Estilizando a homepage de um escola comunitária</a></dt>
<dd>Nesta avaliação nos testeremos seu entendimento de estilização de texto fazendo com que você estilize a homepage de uma escola comunitária.</dd>
</dl>
|
