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

Design Adobe Illustrator for Web Design Save for the Web CSS and Final Thoughts

Posted by Javid Abbasov
Javid Abbasov
9,243 Points

Why dont i have H1, H2, H3 tabs in "CSS properties"? I want to look at their CSS code. And is it really helpful?

Why dont i have H1, H2, H3 tabs in "CSS properties"? I want to look at their CSS code. And is it really helpful to use these css codes?

2 Answers

Steven Parker
Steven Parker
231,236 Points
Steven Parker
Steven Parker
231,236 Points

You didn't include any code, but I'd guess that for what you're working on, the browser default settings for h1, h2, and h3 are being used, so they don't need explicit rules in the CSS. The exact settings may vary a bit between browsers, but they typically are a mix of font-size, font-weight and/or text-align.

You can always create rules for them later if you want to change their appearance from the default.

Aurelien Roux
Aurelien Roux
25,567 Points
Aurelien Roux
Aurelien Roux
25,567 Points

The H1, H2 and H3 css properties are coming from your characters and paragraphs style, meaning if you update your styles, css properties will update too. Ashley explains how to create these in this video.

https://teamtreehouse.com/library/adobe-illustrator-for-web-design/webpage-mockup/character-styles

then, you can create and name all the styles you want (body, 1h to h6) and depending on the styles you applied, you will find the corresponding css.

these can be really helpful as you will save a lot of time not having to rewrite your css from scratch. you can copy/paste this and make the adjustments you want after. also, if you work in a team, it's a sure way to give all the styling (colours, styles, sizes) details to a developer.