CSS Snippets
Here you will find a few useful and time saving css snippets that can be used in your style sheets.
- Absolute Center (Vertical & Horizontal) an Image
- Accessibility/SEO Friendly CSS Hiding
- All Stylesheet Media Types
- Basic Link Rollover as CSS Sprite
- Better Helvetica
- Browser Specific Hacks
- Center DIV with Dynamic Height
- Centering a Website
- Change Text Selection Color
- Comments in CSS
- Compress CSS with PHP
- Cross Browser Inline-Block
- Cross Browser Opacity
- Cross-Browser hr Styling
- Cross-Browser Min Height
- CSS Box Shadow
- CSS Diagnostics
- CSS Font Families
- CSS Hacks Targeting Firefox
- CSS Only Image Preloading
- CSS Text Shadow
- CSS Triangle
- CSS3 Zebra Striping a Table
- Drop Caps
- Exactly Center an Image/Div Horizontally and Vertically
- End Articles with Ivy Leaf
- Fancy Ampersand
- Fixed Footer
- Fixed Positioning in IE 6
- Flip an Image
- Font Shorthand
- Force Element To Self-Clear its Children
- Force Vertical Scrollbar
- Give Clickable Elements a Pointer Cursor
- Internationalization Language CSS
- IE Conditional Comments
- iPad Orientation CSS
- Link Pseudo-Classes (In Order)
- Make “Pre” Text Wrap
- Meyer Reset
- Not-Terrible Image Resizing in IE
- PNG Hack/Fix for IE 6
- Prevent Superscripts and Subscripts from Affecting Line-Height
- Print URL After Links
- Quality Abbreviations
- Remove Button Text in IE7
- Remove Margins for First/Last Elements
- Remove Dotted Outlines
- Remove Scrollbar from Textarea in IE
- Removing Dotted Outline
- Rounded Corners
- Simple and Nice Blockquote Styling
- Scale on Hover with Webkit Transition
- Skip to Content Links
- Standard CSS Image Replacement
- Sticky Footer
- Style Override Technique
- Text Rotation
- Fonts with CSS @font-face Rule