Solucionado (ver solução)
Solucionado
(ver solução)
5
respostas

abaixo tem o html e o css queria aumentar e mudar a fonte do "Glossario" e queria fazer um link nao so com a outra pagina mas sim com o texto especifico que eu clicar

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Principal</title>
        <link rel="stylesheet"href="principal.css">
        <link rel="stylesheet"href="reset.css">
    </head>
    <body>
                <h1>Glossário</h1>
                <h2><img id="azulclaro" src="azulclaro.svg"></h2>
        <header>    
            <div class="caixa">
                <nav>    
                <ul>
                    <li><a href="instrucoes.html">* Notificação e como baixar o APP</a></li>
                    <li><a href="instrucoes.html">* Cash-in</a></li>
                    <li><a href="instrucoes.html">* Instruções para TED/DOC (Crédito na sua conta  )</a></li>
                    <li><a href="instrucoes.html">* Janela de processamento para crédito na conta  </a></li>
                    <li><a href="instrucoes.html">* Clientes Banco Só podem realizar o crédito para conta de pagamento de mesma titularidade.</a></li>
                    <li><a href="instrucoes.html">* Deposito Identificado</a></li>
                    <li><a href="instrucoes.html">* Boleto</a></li>
                    <li><a href="instrucoes.html">* P2P Cash-in</a></li>
                    <li><a href="instrucoes.html">* Cash-out</a></li>
                    <li><a href="instrucoes.html">* P2P Cash-out</a></li>

                </ul>
                </nav>    
                </div>

            </header>
            <footer>
                <p>Copyright - 2020</p>
            </footer>
    </body>
</html>
h1{
        text-align: center

}

h2{
    width:100%
    margin: 0 auto;
}
header{
    padding: 20px 0;
}


nav{
    position: absolute;
    top: 100px;
    right: 250px;
}

nav a {
    text-transform: uppercase;
    font-family: verdana;
    color: black;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
}

nav a:hover{
    color: #C78C19;
    text-decoration: underline;
}
footer {
    text-align: center
}
5 respostas

Fala ai Marcio, tudo bem? Vamos lá:

queria aumentar e mudar a fonte do "Glossario"

Nesse caso você pode adicionar uma classe para o mesmo e depois utilizá-la para aplicar os estilos:

// html
<h1 class="titulo">Glossario</h1>

// css
.titulo {
    font-family: ESCOLHA_A_FONTE;
    font-size: DEFINE_O_TAMANHO;
}

queria fazer um link nao so com a outra pagina mas sim com o texto especifico que eu clicar

Esse ponto eu não entendi, consegue me passar mais detalhes por favor?

Espero ter ajudado.

Obrigado Matheus. Neste segundo ponto o que eu gostaria é o seguinte. Criei as duas paginas, criei uma lista na pagina, aonde cada item tem um link que leva para a pagina dois. Porém gostaria que cada link fosse direcionado especificamente para a parte da pagina aonde explica aquele item , isto é , o link do item da pagina 1 tem o mesmo nome do titulo do item da pagina dois porem em lugares/páginas diferentes dentro da pagina. 
solução!

Fala ai Marcio, nesse caso você pode utilizar a hashtag ou conhecido como anchor link.

A ideia seria definir um id único para cada seção da sua página, exemplo:

<div id="secao-1"></div>

Para que ao abrir a página o scroll seja feito até esse elemento, ou seja, até essa seção, uma das possíveis maneiras seria no link podemos fazer assim:

<a href="./pagina.html#secao-1">Secao 1</a>

Dessa maneira o navegador ao ver o # na URL vai tentar procurar um elemento que tenha esse id na página, caso ele encontre, ele vai dar rolar a página até onde se encontra o mesmo.

Espero ter ajudado.

Entao para cada item que eu criar devo criar uma divisao, por exemplo tenho 20 itens cada uma devo criar individualmente certo?

Fala Marcio, sim, é isso, para os 20 itens você precisa ter um elemento com algum id para que eles possam referenciar.

Espero ter ajudado.