CSS3 best practices

1. CSS3 BEST PRACTICES

Thursday, October 6, 2016
©2016 CODE

2. HOW ARE DEVELOPED THE NEW STANDARDS OF CSS?

W3C negotiation stages:
Draft
Working Draft
Last Call
Candidate Recommendation
Proposed Recommendation
Recommendation
2
©2016 CODE

3. WHAT IS THE DIFFERENCE BETWEEN CSS2 AND CSS3?

3
©2016 CODE

4. COLOR MODULE LEVEL 3

• rgba();
• currentColor;
• transparent = rgba(0, 0, 0, 0);
4
©2016 CODE

5. SELECTORS LEVEL 3

• Basic selectors (elname, .class, #id, [attr=value],
*);
• Combinators:
A B (Descendant selectors)
A > B (Child selectors)
A + B (Adjacent sibling selectors)
A ~ B (General sibling selectors)
• Pseudo-classes (:empty, :first-of-type, :not,
:only-child, :nth-child(n), :nth-child(an+b),
:nth-last-child(an+b));
• Pseudo-elements (:first-line , :before, :after);
5
©2016 CODE

6. CONDITIONAL RULES MODULE LEVEL 3

• @media;
• @support;
• How to determine user browser via CSS?
6
©2016 CODE

7. VALUES AND UNITS MODULE LEVEL 3

initial and inherit;
Viewport units - vw, vh, vmax, and vmin;
calc();
attr();
7
©2016 CODE

8. Thank you for attention!

THANK YOU FOR ATTENTION!
8
©2016 CODE