Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

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>