Você está na página 1de 3

cfbcursos

Logar
Registrar
Home
Apostilas CFB Cursos
Cursos online gratuitos
Posts CFB
Livro Jogos em Flash
Extras
Sistema de Cartão Perfurado

CSS3 – 1.1 – Inserindo código CSS na página


MENU CSS3
1 – Introdução
1.1 – Inserindo código CSS na página
1.2 – A Sintaxe de uso do CSS. Como usar o CSS
2 – Seletores
3 – Cores em CSS
3.1 – Cor de fundo, background-color
4,5,6,7 – Imagem de fundo – background-image
7.1 – Múltiplas imagens no background-image
7.2 – Metapropriedade background
8,9 – Bordas – border
10 – Bordas arredondadas – border-radius
11 – Imagens nas bordas – border-image
12 – Cores RGB / Transparências
13 – Margens e Centralização de elementos
14 – Padding (margens internas)
15 – Cores gradientes (degradês)
16 – Sombras
16.1 – Comentários de código
16.2 – Width e Height (Largura e Altura)
17 – Formatação para textos / parágrafos
18 – Formatações para fontes
19 – Formatações para links
20 – Criando um menu simples
21 – Transformações 2D
22 – Transformações 3D
23 – Formatações para listas
23.1 – Criando um Menu Horizontal com o elemento lista
24 – Formatando tabelas
24.1 – nth-child() Alternando formatações
25 – Outline
26,27,28, 29 e 30 – Display
31,32 – Display Flex (Desafio)
33 – Position e Z-index
34 – Float e Clear
35 – Overflow
36,37 – Pseudo-Elementos After e Before
37.1 – Menu dropDown sem script
38,39 – Transições / Transition
40,41 – Animações (Keyframes)
42 – Colunas
43 – Resize
44 – Box-sizing
45,46,47 – Filter – Aplicando filtros
48,49,50 – @media – layouts responsivos
51,52,53,54 – Unidades de Medida
55 – inherit e initial
56 – CSS3 – Tabela geral de comandos CSS
Se inscreva em nosso canal youtube.com/cfbcursos

1.1 – Inserindo código CSS na página


Podemos trabalhar com os códigos de CSS no próprio documento (incorporado) ou em um
arquivo externo, a melhor forma de trabalho em com o arquivo “.css” externo, porém,
nesta apostila, simplesmente por facilidade e para deixar a didática mais ágil, vou
mostrar a maioria dos trabalhos com o código incorporado no documento.

Incorporado
No modo de trabalho incorporado, o código CSS é inserido dentro da tag <style> que
é inserida no <head> da página, veja o código de exemplo a seguir.

<!doctype html>
<html lang=“pt-br”>
<head>
<title>Curso de CSS</title>
<meta charset=“UTF-8”>
<style rel="stylesheet">

</style>
</head>
<body>

</body>
</html>
Externo
No modo de trabalho externo, criamos um arquivo separado denominado folha de estilo
com extensão .css, neste arquivo serão inseridos todos os comandos relacionados à
formatação da página, em nosso código de exemplo anexamos uma folha de estilos
chamada “estilos.css” onde todo código de formatação será inserido.

<!doctype html>
<html lang=“pt-br”>
<head>
<title>Curso de CSS</title>
<meta charset=“UTF-8”>
<style rel="stylesheet" href="estilos.css">
</head>
<body>

</body>
</html>
Clique no botão a seguir para baixar o arquivo da aula.

Baixar agora!

Sem votos ainda.


Por favor agurade...
Voting is currently disabled, data maintenance in progress.
FacebookTwitterWhatsAppLinkedInGmail
Comentários

wesleysantos129 de junho de 2020Acesse para responder


parabéns pelo curso, gostaria da apostila

Sem votos ainda.


Por favor agurade...
Voting is currently disabled, data maintenance in progress.
Você precisa fazer o login para publicar um comentário.

Você também pode gostar