1
resposta

duvida sobre o exercicio

Minha dificuldade em esta unidade está sendo muito grande, sinto falta da explicação no Html conforme as outras unidades,não estou sabendo como fazer a ligação entre o css eo html para conseguir o efeito desejado.

1 resposta

No caso das aspas não há necessidade de se fazer nenhuma ligação extra, pois você já definiu o estilo para o bio.css na página html, mas caso não tenha definido você deve inserir o seguinte no topo da sua página:

<link rel="stylesheet" href="css/bio.css">

O efeito das aspas você deve fazer usando o pseudoelemento ::before. Este pseudoelemento insere um elemento do html antes do texto em si. Neste caso o que queremos é inserir uma aspa em todas as citações antes do texto mesmo da citação. Toda citação tem uma classe chamada .citacao-bio então podemos usar o pseudoelemento ::before nesta classe, ficando dessa forma:

.citacao-bio::before {
    line-height: .8;
    content: '“';
    position: absolute;
    font-size: 10em;
    color: #bbb;
}