<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d30123168\x26blogName\x3dEssential+Keystrokes+v1.0\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttp://essential-keystrokes.blogspot.com/search\x26blogLocale\x3den_US\x26v\x3d2\x26homepageUrl\x3dhttp://essential-keystrokes.blogspot.com/\x26vt\x3d-5434497857080990763', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>

Tips, resources, product reviews and general information relating to web design, web marketing, the latest trends and random thoughts from Keystrokes Design and Marketing.

Monday, July 24, 2006

Terminology - What is CSS?

Cascading Style Sheets, also known as CSS, are a tool that web designers use to control the look of their web site while maintaining flexibility to change their mind on a whim without creating hours of work in the process.

Basically style sheets are check lists for each element on your site. For example, you can use CSS to make all of your H1 tags 12 pixels, green, and bold. However, if you decide that you just don't like the way that works with your hot pink background, you can quickly change all the H1 tags to dark blue by changing that one element in the style sheet and it automatically applies itself throughout.

One of the coolest examples of CSS at work that I have found is CSS Zen Garden. Select CSS layouts from the menu and watch the page change before your eyes - the text all stays the same, though!

If you are looking to really learn CSS, I highly recommend Cascading Style Sheets, The Definitive Guide, by Eric Meyer.

For more cool tips like this, don't forget to sign up to receive email updates from us (not too often, and we won't share your email address with anyone!).


Post a Comment

Links to this post:

Create a Link

<< Home