If none of your styles is working,
- Did you refresh your browser?
- Check the link tag.
- The link tag should look like:
<link href="css_file" type="text/css" rel="stylesheet" />
(carefully check the = and " characters)
(Did you paste any part of your link tag from another application? If so, your
quotes could be the problem.)
- The link tag should be in the head of your webpage
- Did you place your css file in the correct folder? (Note: If it is early in the course and
relative url's have not yet been covered, you should be placing your
css file in the same folder as the webpage. Forgetting this is a common error.)
- Check the relative url to the css file.
- Check the path name to your css file. Is it correct?
See the Relative URL Practice Quiz on
Canvas.
- Carefully check the folder names and file name in the relative url to your css file and make sure
they match the actual folder and file names.
Look carefully; two names can appear to be the same when, in fact, they are not.
For example, check out these file names
- Check the layout of your styles, the layout of the
html
to which you are applying the styles and the spelling of the
styles and values. An error at the beginning of your
css file can result in the browser not applying all following styles.
- Are you actually viewing the correct file?