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! While you're at it, check out some resources Treehouse students have shared here.

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

David Dong
David Dong
5,593 Points
Posted by David Dong
David Dong
5,593 Points

Red Highlight & normalize.css file

First question:

I am in the CSS course in MASH, and I am currently watching the Normalize.css video. It seemed to me that when I added this stylesheet to the webpage something was supposed to change. Though nothing did change. Was something supposed to change or is making the webpage the same with all browsers the only purpose of the stylesheet? I also made sure that I did save the Workspace and refresh the MASH webpage.

Second question:

When I am in normalize.css, there is a red highlight over these two parts:

text-size-adjust
text-size-adjust

Of this part:

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

Of normalize.css.

I'm 100% sure that I definitely did NOT change anything in normalize.css. Is this red highlighting normal or is there something wrong with my code?

Thanks in advance!

1 Answer

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

It's not necessarily the case that anything will change when adding normalize.css to your project depending on what browser and version you're using. I posted an answer about what normalize.css does here: https://teamtreehouse.com/community/questions-regarding-normalizecss

Keep in mind that normalize.css only normalizes things that need it. For example this is directly from normalize.css:

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

For whatever reason, Microsoft put borders inside image links in Internet Explorer 10. But only Internet Explorer ever did this, and only this version of Internet Explorer. So while your images inside links might look perfectly fine on everyone else's computers. Those few people using IE 10 will have a slightly different experience. So we remove that border to make it the same across all browsers.

Sometimes things will be marked in red in CSS files. This will happen even more often when you get to Sass. It doesn't necessarily mean that anything's wrong.