HTML & CSS CSS Isn't Showing Up

[gothictrade]

Can you see the reason why the color of the text is not changing?
I'll post a picture of the output:

<!DOCTYPE HTML>
<html>
<css>
<head>
    <title>Eng *** Test Page</title>
    <style>
    </style>
<link rel="stylesheet" href="newstyle.css"/>
</head>
<body>
    <h1>英語の家庭教師 Testing Letter</h1>
    <p>こんにちは。私はジャスティンです。</p>
    <dl>
        <dt>オンライン</dt>
        <dd>一時間 $30 CAD</dd>
        <dt>通話</dt>
        <dd>一時間 $40 CAD</dd>
        <dt>プライベートティーチャー</dt>
        <dd>一時間 $50 CAD</dd>
    </dl>
</body>
</css>
</html>

& My CSS Document:

.h1 {
    color: red;
}

.p {
    color: greenyellow;
}

.dt {
    color: orangered;
}

.dd {
    color: blue;
}

So I'm unsure why the text is just all black in the webpage >_<

 

[gothictrade]

I'm still having the issue, I tried again with a completely new workspace and code..



It's still just black! What the heck haha.

html file:

<!DOCTYPE html>
<html>
<link rel= "stylesheet" href="style.css"/>
<head>

</head>
<style>
</style>
<body>
<h2>Second Test Page</h2>
<p>
    This is my second test page so I'm just typing whatever basically to see
    how it all turns out when I apply the stylesheet so words word words here in
    this paragraph box.
</p>
</body>

</html>

CSS CODE:

.h2 {
    color: blue;
}
.p {
    color: greenyellow;
}

 

[Krusty the Senile]

You may want to try sticking the link and style tags inside the head tags.

As a reference, you can view the page source for this page and see that the link and style tags are within the head tag.

 

[gothictrade]

You may want to try sticking the link and style tags inside the head tags. As a reference, you can view the page source for this page and see that the link and style tags are within the head tag.

I tried but no luck 🙁

 

[Krusty the Senile]

I copied your code to here: https://codepen.io/eeflores/pen/QWbLLNE

I think you'll still need to put the link tag in the header. You can remove the style tags in the HTML. I deleted the dots at the beginning of the references in the CSS (refer to link) and the color was applied.

 

[Tealk]

use this

h2 {
    color: blue;
}
p {
    color: greenyellow;
}

I'll explain it to you tomorrow.

 

[gothictrade]

I copied your code to here: https://codepen.io/eeflores/pen/QWbLLNE

I think you'll still need to put the link tag in the header. You can remove the style tags in the HTML. I deleted the dots at the beginning of the references in the CSS (refer to link) and the color was applied.

use this

h2 {
    color: blue;
}
p {
    color: greenyellow;
}

I'll explain it to you tomorrow.

It was the dots!!! Thank you so muchhh

 

[Tealk]

With points you address classes, with diamonds(I don't know if that's a proper translation, it's also called hashtag) you address ids and if you want to address whole days you leave everything out.