Basic CSS Tips

When it comes to web designing, CSS seems to be the buzz word. Why are people so crazy about CSS? CSS defines most static things on a web page. CSS is the backbone to all websites. CSS may seem simple coding but creativity takes first place when it comes to mixing and matching colors with designs. Before I write an article on different designs, and creating cool layouts, I just wanted to share the basic things we all should know about CSS.

1. First you need to learn CSS. I learnt CSS online so I think learning online would be the best option. I learnt it from W3Schools which is free.

---

2. Don’t reinvent the wheel. Start with a good CSS file. You can find tons of them online. If you have a specific request, email me.

---

3. CSS is much more than span and div tags. Explore all the tags available in CSS and choose your tags wisely. When I was a beginner with CSS, I used div and span all the time and didn’t give other tags any chance. The tags span and div might do the job, but there are better ways of doing it effectively with other tags.

---

4. Know the difference between a style class and id. Classes can apply to multiple elements on the Web page, while IDs refer to only one element.

---

5. Make sure that you name your classes and ids correctly. CSS does not allow class and id names to start with a number or other non-alphabetical character.

---

6. If I start designing, I would probably do the major parts first like the body section, background, layout. Start with the major sections first and then trickle down to smaller ones like h2, h3 etc… This way you can prioritize the important ones at the top and not so important on the bottom.

---

7. Make a list of tags and syntaxes that go with CSS. Don’t feel that you need to memorize all the functions and syntaxes, always use a guide and double check if you typed it in right.

---

8. Layouts can be tricky, very tricky. Only with experience you could do some cool stuff with layouts. If you can’t do it the first time, don’t give up, keep trying. Eventually, you are gonna make it because CSS is another dumb language which does what you want it to do.

---

9. Never forget the borders and padding. Its very important, especially while layouting.

---

10. Try to develop a passion for CSS. Only a passion driven love towards something can make you successful in it. Treat CSS as a friend who would be there for you always.

---

11. Remember that Internet Explorer is a web designer’s foe and you will need to check if your code works with IE or not. IE follows their own standards which make life much tougher for web designers. Try to promote firefox…

---

If you feel that I have left out something that is very basic, let me know either by commenting or by emailing me. I intend to write more articles on CSS in the coming few weeks.

DIGG IT�

Related posts:

1. Getting Started With ActionScript: Flash Tips for Basic Motion
2. Basic Linux Commands
3. DIV and SPAN tags in CSS
4. Tips for Tweaking and Improving Performance of Windows Vista
5. 10 Tips for Turning Hits into Clicks

Filed Under: Archive Categories