Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!
  • Guest, before posting your code please take these rules into consideration:
    • It is required to use our BBCode feature to display your code. While within the editor click < / > or >_ and place your code within the BB Code prompt. This helps others with finding a solution by making it easier to read and easier to copy.
    • You can also use markdown to share your code. When using markdown your code will be automatically converted to BBCode. For help with markdown check out the markdown guide.
    • Don't share a wall of code. All we want is the problem area, the code related to your issue.


    To learn more about how to use our BBCode feature, please click here.

    Thank you, Code Forum.

HTML & CSS CSS Isn't Showing Up

gothictrade

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

output.png

Code:
<!DOCTYPE HTML>
<html>
<css>
<head>
    <title>Eng Jap 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:

CSS:
.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 >_<
 
I'm still having the issue, I tried again with a completely new workspace and code..

output2.png

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

html file:
Code:
<!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:

CSS:
.h2 {
    color: blue;
}
.p {
    color: greenyellow;
}
 
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
CSS:
h2 {
    color: blue;
}
p {
    color: greenyellow;
}
I'll explain it to you tomorrow.

It was the dots!!! Thank you so muchhh
 
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.
 

New Threads

Latest posts

Buy us a coffee!

Back
Top Bottom