Scribd Logo
Upload

Welcome to Scribd!

  • Exercícios CSS revisão

    Uploaded by

    Pedro Soares
    176 views3 pages
    O documento apresenta 23 exercícios sobre CSS que abordam conceitos como: 1) aplicação de estilos inline, internos e externos; 2) propriedades para formatação de texto, cor, fonte e outros; 3) seletores e especificidade. Os exercícios pedem para aplicar estilos a elementos HTML de acordo com casos propostos e analisar resultados.

    Original Description:

    Exercícios HTML e CSS

    Original Title

    Exercicios+de+revisão

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    O documento apresenta 23 exercícios sobre CSS que abordam conceitos como: 1) aplicação de estilos inline, internos e externos; 2) propriedades para formatação de texto, cor, fonte e outros; 3) seletores e especificidade. Os exercícios pedem para aplicar estilos a elementos HTML de acordo com casos propostos e analisar resultados.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    176 views3 pages

    Exercícios CSS revisão

    Uploaded by

    Pedro Soares
    O documento apresenta 23 exercícios sobre CSS que abordam conceitos como: 1) aplicação de estilos inline, internos e externos; 2) propriedades para formatação de texto, cor, fonte e outros; 3) seletores e especificidade. Os exercícios pedem para aplicar estilos a elementos HTML de acordo com casos propostos e analisar resultados.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    Exerccios de Reviso CSS.

    1)Observe o cdigo abaixo apresentado abaixo. Execute o programa e verifique o seu resultado
    <HTML> <STYLE TYPE="text/css"> H1 {color: green; font-size: 30px; font-family: impact} P {text-indent: 1cm; background: yellow; font-family: arial} </STYLE> <HEAD> <TITLE> Meu primeiro Style sheet</TITLE> </HEAD> <BODY> <H1>Meu Style Sheet</H1> <P>Agora terei o controle total!</P> </BODY> </HTML>

    2)Observe o seguinte trecho de cdigo:


    B: {color: navy} <B>Minhas pginas agora usaro <I> CSS </I> </B>

    Diga em que cor apresentado o texto CSS, justifique ? 3)Regras CSS:


    H1 {font-family:impact; background: yellow;color:red} P {color: green}

    HTML:
    <HTML> <HEAD> <TITLE>Mais um Exemplo se Style Sheet</TITLE> </HEAD> <BODY> <H1>Neste exemplo, estou comeando a dominar</H1> <P>O Cascading Style Sheets</P> </BODY>

    Faa as alteraes necessrias de modo a : a) Incluir um style sheet incorporado no arquivo HTML. b) Criar um link para um style sheet em outro arquivo. c) Adicionar estilos in-line dentro dos comandos do arquivo HTML 4) Observe o cdigo seguinte:
    <HTML> <HEAD> <TITLE>Mais um Exemplo se Style Sheet</TITLE> <STYLE TYPE="text/css"> P {color: red} </STYLE> </HEAD> <BODY> <P STYLE="color: green">Cascading Style Sheets</P> </BODY> </HTML>

    Tendo em considerao a ordem de prioridade de estilos, diga o que acontece ao texto que se encontra na tag <P>. 5)Faa uma folha de estilo que permita obter um texto de cor vermelha no primeiro pargrafo, verde no segundo pargrafo e cinza para o terceiro. 6)Com base em conceitos de HTML e CSS, faa um programa contendo 3 links. Os links criados devem ser mostrados, inicialmente, com o texto na cor vermelha (red), os links que j foram visitados na cor azul (navy) e, quando o cursor do mouse estiver sobre o link (hover), o texto

    visualizado na cor amarela (yellow). 7) Utilizando as regras do CSS, faa uma folha de estilo que defina um link de cor vermelha no sublinhado. 8) Com base em conceitos da folha de estilos, defina um link, inicialmente criado, com as seguintes propriedades: cor : #800000, tamanho das letras: 8pontos, no sublinhado; caso o mouse esteja em cima do link, defina para o mesmo, as seguintes propriedades: cor: #800080, letras em negrito. 9) Qual a opo correta para referenciarmos um CSS externo ?
    <link rel="stylesheet" type="text/css" href="meuestilo.css"> <style src="meuestilo.css"> <stylesheet>meuestilo.css</stylesheet> 10)Em que parte do documento HTML correto referenciar um arquivo CSS externo ? No topo do documento No cabealho No final do documento 11)Qual tag HTML utilizada para definir um CSS inline? styles style font class

    12) Qual a sintaxe correta CSS?


    {body;color:black} body {color: black} body:color=black {body:color=black(body}

    13)Qual a propriedade que utilizamos para alterar a cor do background?


    background-color: color: bgcolor: 14)Como alteramos a cor de texto de um elemento? text-color: color: fgcolor: text-color= 15)Qual a propriedade em CSS que controla o tamanho do texto? text-style text-size font-size font-style

    16) Qual a sintaxe correta CSS para tornar todos elementos <p> bold?
    <p style="text-size:bold"> p {text-size:bold} <p style="font-size:bold"> p {font-weight:bold}

    17) Como fazer para retirar o sublinhado dos links?


    a a a a {underline:none} {text-decoration:no underline} {decoration:no underline} {text-decoration:none}

    18) Como alterar o tipo de fonte de um elemento?


    font-family: font= f:

    19)Como tornar um texto bold?


    font:b font-weight:bold style:bold

    20)Como posicionamos o topo de um elemento a 100 pixels de distncia de seu elemento imediatamente anterior?
    border-left:100px margin-top:100px margin:100px margin-top:100px

    21)Como alteramos a margem esquerda de um elemento?


    margin: text-indent: margin-left: indent:

    22)Faa com que a clula do meio da tabela de StyleTest.html tenha texto vermelho sobre fundo amarelo. 23) Porque utilizar folhas de estilos? Quando utilizar um arquivo css e quando utilizar um incorporado tambm conhecido como estilo interno?

    You might also like