Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Ficha Css2

    Enviado por

    Sónia Bernardino
    9 visualizações2 páginas
    Ficha css

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento
    Ficha css

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    9 visualizações2 páginas

    Ficha Css2

    Enviado por

    Sónia Bernardino
    Ficha css

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 2

    CSS

     2  
    Ficha  de  Exercícios:  Contornos,  margens  e  espaçamentos  com  CSS.  

    CRIAR  NOVO  DOCUMENTO  HTML  


    Comece  por  criar  um  novo  documento  HTML  com  o  nome  css2.html.  

    Use  o  código  seguinte  como  base  para  este  documento.  

    <!DOCTYPE html>

    <html>

    <head>
    
<title>Exercício CSS 2</title>
    </head>

    <body>

    
<h1>Documento em HTML</h1>

    <p>Primeiro parágrafo com <em>destaque 1</em>.</p>

    <h2>Título de nível 2</h2>



    <p>Novo parágrafo com <strong>destaque 2</strong>.</p>

    <ul>
    <li>Primeiro item da lista não ordenada.</li>
    <li>Segundo item.</li>
    </ul>

    <ol>
    
<li>Lista ordenada.</li>
    <li>Segundo item da lista.</li>
    </ol>

    </body>
    </html>

    Ver  num  navegador  web  o  documento  css2.html.  


    ALTERAR  CONTORNOS,  MARGENS  E  ESPAÇAMENTOS  COM  CSS  
    a) Crie  um  novo  documento  em  branco  num  editor  de  texto  simples  (p.e.  Notepad++)  e  grave
    este  documento  com  o  nome  estilos2.css  na  mesma  pasta  onde  se  encontra  o  documento
    css2.html.

    b) Associe  o  documento  HTML  css2.html  ao  documento  estilos2.css.  Para  tal,  adicione  o
    elemento  link  (com  os  atributos  corretos)  ao  elemento  head  no  documento  css2.html.

    c) Crie  uma  nova  regra  CSS  no  documento  estilos2.css  que  altere  a  cor  de  fundo  do  documento
    HTML  para  a  cor  com  o  código  RGB  200/240/255.  Para  alterar  todo  o  documento  basta
    aplicar  a  regra  ao  elemento  body.

    d) Crie  uma  nova  regra  CSS  para  definir  um  contorno  do  lado  inferior  do  título  principal.  O
    contorno  deve  ter  4  píxeis  de  grossura  e  um  estilo  duplo  a  preto.

    e) Altere  a  margem  esquerda  do  título  de  nível  2  de  forma  a  deslocar  este  elemento  20  píxeis
    para  a  direita.

    f) Defina  um  contorno  vermelho,  sólido  e  com  4  píxeis  de  grossura  para  o  título  de  nível    2.

    g) Altere  a  cor  de  fundo  do  título  de  nível  2  para  um  vermelho  claro.

    h) Defina  5  píxeis  de  espaçamento  interno  para  o  título  de  nível  2.

    i) Defina  um  contorno  esquerdo  e  direito  para  o  elemento  ênfase  (em).  O  contorno  deve  ser  a
    vermelho,  com  2  píxeis  de  grossura  e  pontilhado.

    j) Defina  um  espaçamento  interno  esquerdo  e  direito  de  2  píxeis  para  o  elemento  ênfase.

    k) Defina  um  contorno  superior  e  inferior  para  o  elemento  destaque  (strong).  O  contorno  deve
    ser    a  vermelho,  com  2  píxeis  de  grossura  e  pontilhado.

    l) Defina  uma  margem  esquerda  e  direita  de  20  píxeis  para  o  elemento  destaque.

    m) Altere  o  símbolo  usado  nos  itens  da  lista  não  ordenada  para  um  quadrado  (square).

    n) Remova  a  numeração  dos  itens  da  lista  ordenada.

    Você também pode gostar