11 Tips for Mastering Cascading Style Sheets (CSS): Going Past the Basics

by | Mar 9, 2020 | 0 comments

11 Tips for Mastering Cascading Style Sheets (CSS): Going Past the Basics

by | Mar 9, 2020 | CSS Tips and Tricks | 0 comments

These are some tips I have assembled to help you with moving past the basics of CSS and on into the world of mastery. Designing your own web site in CSS should be fun and rewarding. :}

http://www.csszengarden.com +++For a look at high-level CSS work
http://www.w3.org/TR/CSS2/ +++Official W3C CSS 2.1 standards
http://www.w3.org/TR/2001/WD-css3-roadmap-20010523/ +++ Official W3c CSS3 hub
http://www.css3.info/ :: http://www.w3schools.com/css3/css3_intro.asp :: http://www.css3.com/ :: +++CSS3 blogs

Tips for Mastering CSS (Cascading Style Sheets)

1. Pick simple selectors
2. Learn a new selectors
3. Make effective use of classes and id’s
4. Use external style sheet as opposed to internal styles or in-line CSS
5. Constantly practice newer CSS 3 techniques
6. Practice arranging and nesting your (X) HTML documents properly
7. Plan your site layouts ahead of time using sketches and wireframe diagrams
8. Learn the rules of specificity
9. Study the layouts of sites that you enjoy visiting
10. Keep your CSS style sheets and layouts in a folder for future use and updating
11. Never be afraid to try something new



<div class="tnp tnp-subscription"> <form method="post" action="https://www.dienodigital.com/?na=s"> <input type="hidden" name="nlang" value=""><div class="tnp-field tnp-field-firstname"><label for="tnp-1">First name or full name</label> <input class="tnp-name" type="text" name="nn" id="tnp-1" value=""></div> <div class="tnp-field tnp-field-email"><label for="tnp-2">Email</label> <input class="tnp-email" type="email" name="ne" id="tnp-2" value="" required></div> <div class="tnp-field tnp-field-button"><input class="tnp-submit" type="submit" value="Subscribe" > </div> </form> </div>