« Visualize a página web clicando aqui »
"Use ctrl + click
para abri-la numa nova janela!"
• RepositĂłrio do projeto de página de currĂculo simples feito no VSCode e com as linguagens
de HTML e CSS para a disciplina de "TĂłpicos Especiais em Tecnologia".
A página foi construĂda seguindo as seguintes orientações durante a aula de TĂłpicos Especiais em Tecnologia ministrada no dia 26/02/2024:
- I. Coloque todo o conteĂşdo visĂvel da página dentro de um elemento
<main>
; - II. Remova eventuais elementos
<hr>
e<br>
separando as partes do currĂculo e coloque cada parte (começando pelo perfil) dentro de um elemento<section>
; - III. O corpo da página deve ter fundo cinza
#ddd
. A fonte deve ser “Helvetica Neue”, na cor#444
e com espaçamento entre linhas de 1,5. - IV. O corpo deve ocupar 60% da largura e deve ser centralizado horizontalmente. Para isso, acrescente as propriedades a seguir à regra CSS que seleciona o elemento
<body>
:
width: 60%;
margin: 0 auto;
padding: 2% 0;
- V. A parte principal da página
<main>
deve ter fundo branco. NĂŁo Ă© necessário colocar os cantos arredondados; - VI. Os tĂtulos
<h1>
e<h2>
devem aparecer na corRGB: 140, 76, 8
; - VII. Crie uma regra CSS para moficiar os elementos
<section>
da página e acrescente as declarações a seguir para que uma borda superior seja inserida no inĂcio de cada seção:
margin-top: 0px;
padding-bottom: 5px;
border-top: solid 1px gray;
- VIII. Faça a validação do HTML e do CSS utilizando as ferramentas do W3C.
|