Writing your first piece of css code can seem really weird if you’re used to working with tables, or just haven’t written code before. In this article I want to talk about 10 different ways you can write proper and clean css code as well as streamline the process and ensure you’re getting the job done as quickly and efficiently as possible.
1. Always start with a CSS Reset
Writing CSS code can become a bit mundane when you’re having to write specific code over and over again just to get various browsers to display your layout the same. That is where CSS Reset’s come into play.
2. Indent your css rules for easier scanning
When you’ve got 500 lines of css code to sift through, it can become straining on the eyes. So, instead of writing out the css code like this:
.classname {
background: #FFF;
border: 0;
color: #252525;
float: left;
margin: 0;
padding: 0;
}You can indent the rules to make scrolling through the file and finding the proper css classes and ID’s easier.
.classname {
background: #FFF;
border: 0;
color: #252525;
float: left;
margin: 0;
padding: 0;
}
