Business
Colourful building blocks
In the midst of hacking my first Joomla! web site, I’d like to share a handy tip:Use background colours on elements to understand the CSS layout.
![jake-rayson.png](https://www.zdnet.com/a/img/resize/9c0ec531cfd82490185a8a2627df5d2f36791cba/2014/07/22/2a5985bf-1175-11e4-9732-00505685119a/jake-rayson.png?auto=webp&fit=crop&frame=1&height=192&width=192)
In the midst of hacking my first Joomla! web site, I’d like to share a handy tip:
Use background colours on elements to understand the CSS layout.
For example: div#header { background-color:yellow; }
After being metaphorically smacked in the face by primary colours too many times, I started using softer, paler colours:
khaki yellow greenyellow yellowgreen navajowhite palegoldenrod
There’s a full list over at W3 Schools.
On a related note, Net Batchelder has created a whole list of “Hex color words”, my favourites being #f1eece and #efface. And did you know that Jeffrey Archer’s prison number #FF8282 is a lovely shade of salmon pink?