How to organize CSS @ 9elements
Why order the declarations in a CSS rule at all? The goal is to understand the essence of the styles by reading few declarations. Most of the time, the essence is how the element is laid out and its size is determined. A proper ordering of rules allows to “scan” the declaration block for properties quickly.
Rationale Why order the declarations in a CSS rule at all? The goal is to understand the essence of the styles by reading few declarations. Most of the time, the essence is how the element is laid out and its size is determined. A proper ordering of rules allows to “scan” the declaration block for properties quickly. General rules: From most important to less important. So what is important? Rules that affect the layout and the box size. What happens inside of the box and does not affect the layout/size is less important. Group properties that belong together in terms of the CSS…
saved by
related reading
- Flexbox | Codropstympanus.net
- CSS Paddingw3schools.com
- Understanding Layout Algorithms • Josh W. Comeaujoshwcomeau.com
- CSS polyfills from the futuregss.github.io
- Visual design rules you can safely follow every timeanthonyhobday.com
- Stacking context - CSS | MDNdeveloper.mozilla.org
- Say precisely what you mean.index.how
- Ordering flex items - CSS | MDNdeveloper.mozilla.org
- A Complete Guide to CSS Concepts and Fundamentalstania.dev
- Cascading Style Sheets, designing for the Web – Chapter 3: The amazing em unit and other best practicesw3.org
- Understanding Success Criterion 2.4.3 | Understanding WCAG 2.0w3.org
- An Interactive Guide to Flexbox in CSS • Josh W. Comeaujoshwcomeau.com