Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

Help! CSS doesn't seem to work on my browser or system

""

!DOCTYPE html> <html> <head> <title>Adding CSS</title> </head> <body style="background-colour: #BDD4DE;">

""

Hayden Taylor
Hayden Taylor
5,076 Points

could you add more details? what is that there? and error message?

'''

<!DOCTYPE html> <html> <head> <title>Adding CSS</title> </head> <body style="background-colour: #BDD4DE;"> <h1>Adding CSS to the Page!</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non diam justo. Integer accumsan lacus ut quam pulvinar ullamcorper. Proin imperdiet mauris ac lectus blandit adipiscing. Vestibulum placerat mi sit amet odio luctus quis aliquam ante tristique. Praesent sem ligula, rhoncus quis gravida vitae, consequat id odio.</p>

'''

please ignore the codes above.i linked and imported the style sheet below. the texts, layouts and fonts were changed, but with no colours.

<!DOCTYPE html>
<html>
<head>
    <title>Adding CSS</title>
    <link rel="stylesheet" href="css/style.css">
    <style type="text/css">
      @import  'css/more-styles.css';
    </style>
</head>

<body style="background-colour: #BDD4DE;">

1 Answer

Hayden Taylor
Hayden Taylor
5,076 Points

I don't really understand your question or your code. So I am just going to post a basic markup of an html file linking a css file.

<!DOCTYPE html> <!-- html5 document type --> <html> <head>
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Template</title>


    <link href="./style.css" rel="stylesheet" media="screen"> <!-- linking a style sheet Note: make another file called style.css and put it where your html file is-->

</head>

<body>

    <!-- example of adding script in<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> -->

</body>

</html>