Scribd
Carregar
138 visualizações2 páginas

Exercicios Css Form

Este documento fornece instruções para criar um formulário em HTML5 com estilização em CSS. Os alunos devem criar um formulário em um arquivo HTML (Exercício 1), adicionar o formulário a outra página HTML (Exercício 2) e aplicar uma folha de estilos CSS para formatar o formulário e seus elementos (Exercício 3).

Enviado por

Teresa Oliveira
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato DOCX, PDF, TXT ou leia on-line no Scribd
138 visualizações2 páginas

Exercicios Css Form

Este documento fornece instruções para criar um formulário em HTML5 com estilização em CSS. Os alunos devem criar um formulário em um arquivo HTML (Exercício 1), adicionar o formulário a outra página HTML (Exercício 2) e aplicar uma folha de estilos CSS para formatar o formulário e seus elementos (Exercício 3).

Enviado por

Teresa Oliveira
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato DOCX, PDF, TXT ou leia on-line no Scribd
Você está na página 1/ 2

Curso Profissional Técnico de Informática - Sistemas

PROGRAMAÇÃO EM AMBIENTE GRÁFICO


UFCD 0793 - Scripts CGI e Folhas de estilo

Ficha Trabalho – FORM / CSS


10º Ano de Escolaridade

1. Ficha 9 – Exer 1

1.1. Abra o Notepad++. Guarde com o nome “F9-CSS1.html”. Digite o código que permite
criar o seguinte formulário:

 Utilize HTML5
 Todos os campos são de preenchimento obrigatorio

2. Ficha 9 – Exer 2
2.1. Abra o ficheiro F8-CSS2.html que criou na Ficha F8-CSS e inclua o formulário criado
no exercicio anterior.
2.2. Guarde com o nome “F9-CSS2.html”.

Pág. 1 de 2
3. Ficha 9 – Exer 3
3.1. Criar uma Folha de Estilo com nome F9-CSS3.css com as seguintes formatações:

 no corpo
A) padding superior e inferior de 50px
B) padding esquerdo e direito de 100px
C) tamanho letra 13
D) tipo letra arial, tahoma ou sans-xerif

 No Título de nível 2, atribuir:


A) margem superior 20px
B) cor #ed804e

 os campos de Input e Textarea


A) padding de 10px
B) borda de 1px, solida e cor #E5E5E5
C) cor #999999
D) largura de 200px
E) box-shadow: 5px 5px #f2b89d

 O campo Textarea
A) largura de 400px
B) altura de 150px

 input:hover, textarea:hover,input:focus, textarea:focus


{
border-color: 1px solid #C9C9C9;
box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;
}

 .submit input
{
width: 100px;
height: 40px;
background-color: #133141;
color: #FFF;
border-radius: 3px;
}

3.2. Aplique a folha de estilo F9-CSS3.css ao formulário criado na página “F9-


CSS2.html”.

Pág. 2 de 2

Você também pode gostar