Use reset.css
When it comes to rendering CSS styles, browsers like Firefox and Internet Explorer have different ways of handling them. reset.css resets all fundamental styles, so you starts with a real blank new stylesheets.
Here are few commonly used reset.css frameworks – Yahoo Reset CSS, Eric Meyer’s CSS Reset, Tripoli
Use Shorthand CSS
Shorthand CSS gives you a shorter ... Read More
The DOCTYPE
When I first started researching HTML5 a few months ago, one of the main things I struggled to find was the doctype. A simple thing, you’d think it would be everywhere, but after much frustration, I finally found it buried within w3.org and here it is:
<!DOCTYPE html>
I was also curious why ... Read More
01. Keep CSS out of the markup.
Linking and/or importing stylesheets would seem to be a no-brainer to the intermediate or advanced CSS developer, but I want to stress why this is so important. I’ve seen many sites start out with clean, well-organized CSS files but then get littered as time ... Read More
CSS4 Topics - csshook css examples where you can get css3 and css4 advanced topics and exmaplesand they hit the nail on the head with some great CSS tips in this list.
55 CSS Techniques You Can't Live Without - Smashing Magazine is a fantastic resource for web design tips and tricks, and ... Read More
First Issue: Several people have commented that they would like a way to clip out the center part of the image. There are two options for this: A) Keep the middle part by default (current behavior). Add an empty keyword that clips out the middle part. B) Make the middle part clip out ... Read More
What is Specificity?
Specificity determines, which CSS rule is applied by browsers. “Specificity is a type of weighting that has a bearing on how your cascading style sheet (CSS) rules are displayed.”
Selector specificity is a process used to determine which rules take precedence in CSS when several rules could be applied ... Read More
Order Your CSS Sensibly
The first thing you should remember is that the first letter in CSS stands for “Cascading”. This means that the styles that are applied to a document are applied in a cascade - something like a waterfall. As the browser reads through the document, the last properties ... Read More
CSS Rounded Corners
Rounded corners is one of the most popular and frequently requested CSS techniques. There lots of ways to create rounded corners with CSS, but they always require lots of complex HTML and CSS. Here are easy ways to achieve this effect.
Even More Rounded Corners With CSS- Single-image, PNG-based, ... Read More
The best solutions are often the simplest. Here's a list of 8 tips that contain only one css property.
1. Vertical centering with line-height
line-height:24px;
When you have a container with fixed height you can use line-height property to vertically center the content.
Take a look at this demo.
2. Prevent oversized content to break ... Read More
