![[Creative
Commons License - You may reuse my original content from this site non-commercially, with attribution.]](http://www.penmachine.com/images/somerights.gif){kind=small}
![[RSS syndication feed]](http://www.penmachine.com/images/rssfull.gif){kind=small}
![[Subscribe to RSS feed]](http://www.penmachine.com/images/xml_subscribe.gif){kind=small}
![[RSS comments feed]](http://www.penmachine.com/images/rss_comments.gif){kind=small}
![[Penmachine Podcast]](http://www.penmachine.com/images/rsspodcast.gif){kind=small}
![[Subscribe in iTunes button]](http://www.penmachine.com/images/itunes.gif){kind=small}
![[Powered by Blogger]](http://www.penmachine.com/images/blogger_button.gif "Blogger powered"){kind=small}
![[Powered by BlogRolling]](http://www.penmachine.com/images/blogrolling_button.gif "Blogrolling makes the link list"){kind=small}
![[Layout with CSS and no tables]](http://www.penmachine.com/images/css_tableless.gif){kind=small}
![[Viewable with any browser]](http://www.penmachine.com/images/allbrowsers_button.gif){kind=small}
![[Meets U.S. Section 508a accessibility guidelines]](http://www.penmachine.com/images/sec508a.gif){kind=small}
![[Weblog Commenting by HaloScan.com]](http://www.penmachine.com/images/haloscan.gif){kind=small}
CSS for the non-geeky
Permalinks to this entry: individual page or in monthly context. For more material from my journal, visit my home page or the archive.
For more than three years now, I've specified how the text on this website looks using what's known as a Cascading Style Sheet (CSS). That's just a text file that lives on my web server, along with all my web pages, but the web pages point to it to find out what font to use, what colour to make things, whether links change colour when you hover your mouse pointer over them, and so on.
In theory, I could change the whole look of this site—making it white text on a black background, or orange on blue, or whatever—by editing the one file. That's nice.
Here's an excellent and clear introduction to how style sheets work in web pages (via Dori).
