Basic Ready-to-Use CSS Styles | Codrops

Posted on by gleam

Basic Ready-to-Use CSS Styles | Codrops

This is a collection of some basic styles that can come in handy when creating your own style definitions. Learn how to make some useful classes for simple styles and how to apply them to a variety of elements.

Basic Ready-to-Use CSS Styles

VIEW DEMO DOWNLOAD SOURCE

Today we are going to dig a little bit more into process development. When you’re creating a website or an application from scratch, you may need a collection of patterns helping you building thing up.
That is the point of today’s tutorial. Just for you, I baked a little suite of basic CSS snippets, ready for use!
Before going any further, let me explain to you how I’ve built this up. I tried to classify things according to their type. So you have some enhancements for block-level elements, for links, for inputs, regular text, and so on.
My point was also to focus on re-usability, that’s why I used classes. The styles are not directly applied to an element, but to a class with a not-so-semantic name, that can be used and re-used.