I am totally confused by something. I am brand new when it comes to customizing a style sheet. My confusion lies in where you should drop your code into your css file. If I, for example, want to add functions to my css file, does it matter in terms of "clean code, seo" if I tack the code onto the end of the sheet, or do I need to go by the template legend and find the right area of the sheet to add my code. My main concern is to understand what makes a css style sheet bloated and ineffective, my inclination is that, because I am so knew to html that I'd plug in far too much code than I actually need and there would be a "trick" or a simple (more elegant) way to go about it.
I used this crash course and it helped me immensely. http://www.codecademy.com/tracks/web CSS basically just separates the style from the coding. It also uses parent and child relationships, allowing you to organize your styles a lot easier. I think you will catch on pretty quick if you have any previous experience in programming. I would suggest learning the basics and looking at different website's CSS files, following through them to see what exactly is going on.
In general, css rules at the end of style sheets override those that come before, although there could be specificity issues that prevent successful overriding.
As long as you don't have multiples of the same selectors and class/id names, it shouldn't matter where it's located in your CSS file. Although, you do want to keep it organized incase you need to changes. I usually organize my CSS by sections: html/body (global), header, footer, main, sidebar, and so on.
can i ask you a question? my template from the joomla shack promotes that its Impacto3 joomla template has bootstrap functionality. From what I've gathered, bootstrap is part of twitter. look here: http://demotemplates.joomlashack.com/impacto/ Does this mean that they built bootstrap into the template, and how do I get to the icons and so on for customization? btw, I do understand a little bit about kickstart.php if that makes a difference. In other words, if I need to install bootstrap to my site I probably cood.
I'm assuming it is built in. Looking at the documentation (Basic Options), there are some default settings for bootstrap. Here is how to use the icons, http://twitter.github.com/bootstrap/base-css.html, along with some other features. I'm not that familiar with Joomla or bootstrap, but hope that helps, haha.
