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

Dificuldade em linkar o arquivo .css com o .html

Boa tarde!

Não consigo estilar a página utilizando o arquivo css. - Já criei uma subpasta para os arquivos css e outra para imagens. - Já tentei detalhar melhor no atributo href= o caminho para chegar na pasta do arquivo css. - Também não tive sucesso em linkar com o fonts.googleapis.com.

Uso o ubuntu, o programa é o Gedit.

Segue o código:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>João da Silva</title>
        <link rel="icon" href="favicon.png">
        <link rel="styelsheet" type="text/css" href="site.css">
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Crimson+Text:400,400italic,600">
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700">

    </head>
    <body>
        ...
body {
    font-family: "crismon Text", "times new roman", serif;
    background-color: #F2FFFC;
    font-size: 120%;
}
h1, h2 {
    font-family: "Open Sans Condensed", "Arial", sans-serif;
}
h1 {
    text-align: center;
    background-color: #851944;
    color: #FFF;
}
p {
    font-family: "Crimson Text";
    text-align: justify;
}
4 respostas

Renan, qm qual pasta ta seu html e o se css?

Pelo código, o css deve estar na mesma página que o html. Veja se você não colocou o arquivo site.css dentro de alguma pasta.

href="site.css"

Ola Renan

Você precisa identificar a pasta que você colocou o arquivo css

<link rel="styelsheet"  href="sua_pasta/site.css">

ah, e não precisa do type="text/css"

Ah, e no css você escreveu assim:

body {
    font-family: "crismon Text", "times new roman", serif;

o correto é

body {
    font-family: "Crimson Text", "Times New Roman", serif;
solução!

Pessoal, brigado pela atenção, descobri aqui que quebrei a cabeça três dias por simples erro de digitação, vejam:

<link rel="styelsheet"  href="sua_pasta/site.css">

styelsheet - - - - - - stylesheet

Jefferson, fiz as alterações que indicou! Agradeço! Iniciantes são assim, vamo que vamo!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software