This is the second part of 5 Steps to Write Better CSS. There are plenty of CSS tutorials are available on internet but the few tutorials are useful. In this tutorial you will find 5 steps to write better css code for your next website project. I hope you will enjoy this tutorial.
\n<\/p>\n
you should always keep CSS declarations in one line, it helps in keeping your CSS file clean and smaller. It also helps to remove unwanted spaces and characters.<\/p>\n
Good Code<\/strong><\/p>\n Bad Code<\/strong><\/p>\n One of the best way to save lines of code is by grouping selectors. There are some examples below of what I am referring to.<\/p>\n Good Code<\/strong><\/p>\n Bad Code<\/strong><\/p>\n Many beginners to CSS can’t figure out why you can’t simply use float: center to achieve that centered effect on block-level elements. If only it were that easy! Unfortunately, you’ll need to use.<\/p>\n Code<\/strong><\/p>\n It’s a great idea to comment your code in sections. To add a comment, simply add \/* behind the comment, and *\/ to close it, like so:<\/p>\n Code<\/strong><\/p>\n if you don\u2019t want to waste your time in modifying your old style sheets you can simply use online css compress tools, it make your work in seconds.<\/p>\n check this online css compress tools\u2026<\/p>\n Css Tidy<\/a><\/p>\n Clean Css<\/a><\/p>\n Css Optimiser<\/a><\/p>\n Flumpcakes Css optimizer<\/a><\/p>\n cssdrive Css Comperasor<\/a><\/p>\n W3C Css Validator<\/a><\/p>\n These are just some of the tips that help me to write better code. I hope that tutorial will also help you to write better and clean code. Apply these Tips to your current and next projects, and you will surely appreciate the efforts.<\/p>\n If You Think that tutorial can be more better , Please share with us. Comment us<\/strong><\/p>\n if you would like to receive more tutorials from us, please consider subscribing to our feed by RSS<\/strong><\/a> or by email<\/strong><\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":" This is the second part of 5 Steps to Write Better CSS. There are plenty of CSS tutorials are available on internet but the few tutorials are useful. In this tutorial you will find 5 steps to write better css … Continue reading [code lang=\"css\"]\nh2 {font-size:18px; color:#333333; background:#cccccc; }\n[\/code]\n<\/pre>\n[code lang=\"css\"]\nh2 \n{\n font-size:18px;\n color: #333333;\n background: #cccccc; \n}\n[\/code]\n<\/pre>\n2. Combine Elements<\/h4>\n
[code lang=\"css\"]\nh1, h2, h3 {\nfont-family: Arial, Helvetica, sans-serif; color:#333;\n }\n[\/code]\n<\/pre>\n[code lang=\"css\"]\nh1 {\nfont-family: Arial, Helvetica, sans-serif; color:#333; \n}\nh2 {\nfont-family: Arial, Helvetica, sans-serif; color:#333;\n }\nh3 {\nfont-family: Arial, Helvetica, sans-serif; color:#333;\n }\n[\/code]\n<\/pre>\n3. Use “Margin” to Center Layout<\/h4>\n
[code lang=\"css\"]\n#Container {\nmargin:0 auto; \/* top, bottom - and left, right*\/\nwidth:xxxpx;\n }\n[\/code]\n<\/pre>\n4. Comment your CSS<\/h4>\n
[code lang=\"htmlstrict\"]\n\/******** CODE START HERE ********\/\n[\/code]\n<\/pre>\n
5. Use CSS Compress Tools<\/h4>\n
Conclusion<\/h4>\n