Scribd Logo
Upload

Welcome to Scribd!

  • Introdução à linguagem CSS

    Uploaded by

    Joca Vidal
    43 views3 pages

    Original Title

    Ficha Css Intro

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    43 views3 pages

    Introdução à linguagem CSS

    Uploaded by

    Joca Vidal

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    CSS

    Ficha ue Exeicicios: Intiouuo linguagem CSS.


    !"#$%&'()*+, .&/&0(&, + 1%0+2%+0
    Cincias ua Comunicao, 0.Poito 2u121S

    CRIAR N0v0 B0C0NENT0 BTNL
    Comece poi ciiai um novo uocumento BTNL com o nome css1.html.
    0se o couigo seguinte como base paia este uocumento.

    <!DOCTYPE html>

    <html>

    <head>
    <title>Documento CSS1</title>
    </head>


    <body>
    <h1>Ttulo H1</h1>
    <h2>Ttulo H2</h2>
    <h3>Ttulo H3</h3>
    <h4>Ttulo H4</h4>
    <h5>Ttulo H5</h5>
    <h6>Ttulo H6</h6>

    <p>Pargrafo muito curto.</p>
    <p>Outro pargrafo curto.</p>

    </body>

    </html>

    0s navegauoies web usam estilos pi-uefiniuos paia apiesentai os uiveisos elementos BTNL.
    Apesai ue semelhantes, caua navegauoi web usa um conjunto ue foimataes piopiio. Abia o
    uocumento css1.html em viios navegauoies web (p.e. Inteinet Exploiei, Fiiefox e Chiome) e
    iuentifique as semelhanas e uifeienas na foima como este uocumento apiesentauo.

    ASS0CIAR CSS A0 B0C0NENT0 BTNL
    (3 Ciie um novo uocumento em bianco num euitoi ue texto simples (p.e. Notepau++) e giave
    este uocumento com o nome estilos1.css na mesma pasta onue se encontia o uocumento
    css1.html.
    43 No uocumento estilos1.css, ciie uma iegia que uefina como tipo ue letia paia touo o
    uocumento o veiuana. Paia aplicai uma foimatao a touo o uocumento, usa-se o elemento
    bouy. A iegia a seguinte.
    body {
    font-family: Verdana;
    }

    '3 Paia que as iegias uefiniuas no uocumento estilos1.css sejam aplicauas ao uocumento BTNL
    css1.html, necessiio ligai os uois uocumentos. Esta ligao feita no cabealho (elemento
    heau) uo uocumento BTNL. Paia estabelecei a ligao, auicione o elemento link ao elemento
    heau uo uocumento css1.html como se inuica ue seguiua.
    <head>
    <title>Documento CSS1</title>
    <link rel="stylesheet" type="text/css" href="estilos1.css">
    </head>

    53 veja novamente o uocumento css1.html num navegauoi web e confiime a alteiao uo tipo
    ue letia usauo em touo o uocumento.

    F0RNATA0 BE TEXT0
    (3 Ciie novas iegias CSS no ficheiio estilos1.css paia alteiai os tipos ue letia usauos nos viios
    titulos uo uocumento BTNL. Ciie iegias ue foima a que o titulo ue nivel 1 (h1) use Aiial, o
    titulo ue nivel 2 (h2) use Couiiei, o nivel S use ueoigia, o nivel 4 use Times New Roman, o
    nivel S use Tiebuchet, e o nivel 6 use uaiamonu.
    Acompanhe os iesultauos no navegauoi web enquanto ciia as novas iegias CSS.
    43 Alteie as iegias ciiauas no ponto anteiioi ue foima a mouificai os tamanhos ue letia usauos
    nos titulos. 0 titulo ue nivel 1 ueve tei o tamanho ue 1upx, o nivel 2 12px, o nivel S 14px, o
    nivel 4 16px, o nivel S 18px, e o nivel 6 2upx. Ciie uma nova iegias paia uefinii o tamanho ue
    small paia os paigiafos.
    veja o iesultauo no navegauoi web.
    '3 Alteie as iegias ue foima a que os titulos ue nivel S e 6 suijam em itlico.
    53 Alteie a iegia associaua aos paigiafos ue foima a que os paigiafos suijam a negiito (bolu).
    Alteie a iegia associaua ao titulo ue nivel S ue foima a que o negiito seja iemoviuo e o texto
    suija noimal.
    +3 Expeiimente as piopiieuaues associauas uecoiao uo texto e alteie as iegias ue foima a
    que o texto associauo ao titulo ue nivel 2 suija sublinhauo (unueiline), o texto uo titulo ue
    nivel S suija com uma linha sobie ele (oveiline), e o texto uo titulo ue nivel 4 suija iiscauo
    (line-thiough).

    APRESENTA0 BE TEXT0
    (3 Alteie os alinhamentos ue foima a que o titulo ue nivel 2 suija alinhauo uiieita (iight) e o
    titulo ue nivel S suija centiauo (centei).
    43 Alteie o espaamento entie letias uo titulo ue nivel 1 paia u.7em.
    '3 Alteie o espaamento entie palavias uo titulo ue nivel 6 paia 1.2em.
    53 Alteie as coies uo texto nos titulos ue foima a que o titulo ue nivel 1 seja apiesentauo a
    veimelho, o ue nivel 2 a veiue, o ue nivel S a azul, o ue nivel 4 a laianja, o ue nivel S a
    cinzento, e o ue nivel 6 a azul claio.
    +3 Alteie a coi ue funuo uos titulos ue foima a que o titulo ue nivel 1 seja apiesentauo sobie um
    funuo cinzento, o ue nivel 2 sobie pieto, e o ue nivel S sobie amaielo.

    vALIBAR 0 B0C0NENT0 CSS
    A linguagem CSS, tal como a linguagem BTNL, tem uma sintaxe e giamtica uefiniuas pelo
    consoicio WSC. 0 WSC ofeiece um seivio ue valiuao ue uocumentos CSS. Bescubia o enueieo
    uesta feiiamenta e valiue o uocumento estilos1.css.
    Se foiem encontiauos eiios, coiiija-os ue foima a que no final o uocumento seja vliuo.
    .

    You might also like