[an error occurred while processing this directive]
Go to Bottom Nav - September 18, 2021 - No exercises at this time - ERRORblah Happy Holidays and Semester Break!

Once you have added CSS to your pages, you will want to validate them.

W3C CSS Validation Service

The W3C has an online validator for your CSS as well as its HTML validators. This link creates a new window to the CSS validator:

The CSS validator page allows you to check an online page via its URL, upload a local file for validation, or cut and paste some CSS code to see if it validates.

Adding CSS Validator Link

To add a text link from your page to the validator, use this code:

<a href="http://jigsaw.w3.org/css-validator/check/referer">Validate CSS</a>

For combo HTML and CSS validation links use:

<!-- validator code using text links -->
<a href="http://validator.w3.org/check/referer">Validate HTML</a>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
Validate CSS</a>
<!-- end validator code using text links -->

Of course, these link only work when the page is uploaded to the server.

"No style sheet found" Warning

Note that when you use the CSS validator to check a page that does not have a link to an external style sheet and does not contain an internal style sheet, you will get a warning that says: "No style sheet found." This is OK; it will still check any local styles. But if you get the "No style sheet found" warning and you are linking to an external style sheet, then your path to the external style sheet is incorrect.

Background color

If you use CSS to specify the color of an element, you should also use CSS to specify the element's background color. If you don't want to specify a custom background color, you can use:
background-color: transparent

Heading One
Ut pharetra, ante eget imperdiet ullamcorper, tortor nunc sollicitudin orci, non cursus neque nisl eget ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vestibulum, nibh in suscipit interdum, velit magna volutpat turpis, at ornare sem magna et tellus. Sed pulvinar facilisis ligula, id vehicula eros sollicitudin a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Heading Two
Vivamus vestibulum, augue id iaculis sodales, odio odio feugiat arcu, scelerisque congue nisi ipsum vitae orci. Nunc sed ligula quam. Cras sed iaculis neque. Proin ultricies consectetur tortor, eu pulvinar sapien commodo ac. Cras diam arcu, lacinia id mattis ut, convallis sed massa. Nullam ut arcu lacus. Suspendisse ultricies elementum arcu ut dictum.
Heading Three
Sed aliquet augue ut ligula porta gravida pellentesque sapien semper. Duis mauris massa, semper pulvinar eleifend id, tincidunt fermentum nulla. Proin ipsum neque, imperdiet in vestibulum non, hendrerit ac nisi. Maecenas eleifend libero quis urna lacinia elementum. Etiam mi massa, sollicitudin nec accumsan in, aliquet in dui. Pellentesque consequat diam quis felis luctus a vehicula lectus mollis.
Pull Down Menu Close Menu