Understanding CSS is important if you plan to modified your blog. Especially if your blog is a Wordpress platform, there will be a Stylesheet file attached on each Wordpress theme.
Modifying CSS could be a daunting task if you don’t know the basic of the CSS rules. Below is another collection of mine beside my Photoshop sources.
Hope this reference would be helpful for you:
CSS Basic
It’s important to lay a strong basic before anything. My ultimate Beginner Basic to swim in the CSS pool is on this book(pdf). If you choose to not downloading any ebook, try to visit the site instead at CSSBasics.com.
This book cover all basic rules of CSS in 18 Chapter spreading from Syntax, Classes, IDs, Div, Text, Font, Border, and many more.
CSS Basic Example
After learning the Basic, you will need to practice from what you have learned. I get myself a help from an example of the CSS coding. Learning from an example is the fastest way to master CSS basic.
- This CSS Examples My help you a lot!
CSS Property
During the learning in CSS, you may notice about the property of each CSS code. You will need to know what is the function of each property.
- Use this CSS 2.1 Reference to learn more about each property (with example)
Another good source of reference:
Styling with CSS
After understanding the true nature of CSS, it’s time for you to make your own. But, wait! Learning basic skills is important, but it can only produce a amateurish-design. You will need to learn more about how to make things better and looks professional.
First, let’s heading to the very first CSS element in your blog, the navigation and Menu.
- Use this 13 Styles CSS Menu to make a professional Looking of your navigation bar and sidebar.
Second, Choose your Layout Style. Whether it’s 3 column horizontally or vertically, or fluid or fixed, side fixed or fluid.
- Layout Gala give you the idea within the example. Up to 40 layout examples available for you to choose.
- Page Layout Sample at Maxdesign.com.au
Third, Learn the advance tutorial to build a good looking CSS page.
- 53 CSS-Techniques You Couldn’t Live Without
- 70 Expert Ideas for Better CSS Coding
- CSS Technique Round Up - 20 CSS Tips and Tricks
- HTMLDog’s Advance CSS Tutorials
CSS Search Engine
Looking for more Source for learning CSS to tweak your blog appearances? Try the CSS Search Engine at SKUER.com.
It’s a dedicated, google-powered search engine to find CSS materials.
Tools Of CSS
Not everything need to code by yourself from scratch. Some tools around the web have done the job for you. For example, below is some of the useful tools to create CSS style for you page/blog:
- CSS Creator
- CSS Creator will help you automatically generate a layout, Multi Level Menu, Float container, etc
- CSS List-O-Matic
- Create a nice looking Sidebar list or top navigation bar without touching the CSS code.
- CSS Font and Text Style Wizard
- Enable you to live-preview the effect of each property implementation.
- Software: CSS Tab Designer
- Design your List and top/footer navigation easily and xhtml compliant.
Related Post
- 10 Days Experiences in the World of Code
- 18 Essential Photoshop Tutorials for Blogger
- 4 Reasons Why Auto Submission Tools are Useless
- Which Web Traffic Source Are You Driving At Now?
- Free-Hosted Blog VS Self-Hosted Blog
- Why Blogging is Like Cooking
- My Daily Uses English Resources
- The Tao Of Blogging to Wealth

Now Reading ...
Stumble it!
Del.icio.us it!
Digg it!
Leave a comment








(September 14, 2007, 4:35 am)
Ken, thank you for all the info.
Reply to jamy(September 14, 2007, 5:53 am)
Nice informational article. I play with CSS a lot for my blog design.
Reply to Nirmal(September 14, 2007, 9:30 am)
Thanks for the post. It is very informative and much appreciated.
Reply to FavHost(September 14, 2007, 12:40 pm)
Nicely done again, I like your post
Reply to Blogger Blog TIps(September 15, 2007, 12:45 am)
very nicely presented Ken… stumbled
Reply to pearl