To be considered proficient in CSS, you should demonstrate all of the basics and some of the advanced items listed below.
CSS Code Locations (see CSS How To):
- Inline styles
- Internal stylesheet
- External stylesheet
CSS Selectors (see CSS Syntax)
- Element selector
- id selector
- Class selector
CSS Properties
- Text color (text properties)
- Font and font style
- Background color
- Border thickness / color / style
- Margin size
- Padding size
- Height or width in %
- Height or width in px (pixels)
div Elements
- Put some of your elements inside a <div> container
- Style the <div> in your CSS code
- <div> is a block element, so it uses the CSS Box Model
More advanced CSS
- Navigation menu styles
- Table styles
- Image styles
- Side by side content
- Centering content
- Flexbox
- Mobile friendly design
- Using JavaScript to change styles