Beruflich Dokumente
Kultur Dokumente
Tecnologias da Informao
Docente: Artur Lana
Exerccios CSS 2
1. Edite o ficheiro css3.html.
2. Crie um ficheiro de estilos com o nome texto.css.
3. Associe o ficheiro de estilos pgina css3.html
4. Insira o cdigo seguinte no ficheiro CSS
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset,
blockquote {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }
6. Crie uma regra para todos os h1que se encontram no interior do elemento com
ID=main, com as seguintes formataes:
Cor da letra: #FF6600;
Tipo de letra: "Arial Black", Arial, Helvetica, sans-serif;
Tamanho da letra: 4em;
IPBeja Escola Superior de Educao R. Pedro Soares 7800 295 Beja |Tel: 284 315 001 Fax: 284 326 824 E-mail: eseb@eseb.ipbeja.pt
9. Crie uma regra que permita seleccionar os p que se encontram no interior da tag
com ID=main, e insira as seguintes formataes:
Tamanho da letra: 1.5em;
Altura da linha: 150%;
margin-left: 150px;
margin-right: 50px;
margin-bottom: 10px;
10. Defina uma regra que permita colocar a primeira linha dos pargrafos da alnea
anterior com o seguinte aspecto:
Negrito
Cor da letra: #999;
12. Defina uma classe de formao como nome linha para os elementos descendentes
do elemento main com as seguintes caractersticas:
Cor da letra: #999999;
Tamanho da letra: 1.6em;
margin: 5px 0 25px 50px;
IPBeja Escola Superior de Educao R. Pedro Soares 7800 295 Beja |Tel: 284 315 001 Fax: 284 326 824 E-mail: eseb@eseb.ipbeja.pt
14. Defina agora uma regra para os elementos strong descendentes dos elementos que
aplicam a classe linha e so descendentes do elemento main, com as seguintes
definies:
Cor da letra: #207EBF;
Todos os caracteres em maisculas
margin-left: 5px;
17. Acrescente uma regra, logo aps a regra que formata os h1, para os elementos strong
que se encontram no interior dos h1 que so descendentes do elemento main, com
declaraes seguintes:
Tamanho da letra: 150px;
Cor da letra: white;
Altura da linha: 1em;
margin-right: -1.25em;
Pgina 3 de 3
IPBeja Escola Superior de Educao R. Pedro Soares 7800 295 Beja |Tel: 284 315 001 Fax: 284 326 824 E-mail: eseb@eseb.ipbeja.pt