title: Put CSS parts together with SMARTY + PHP
body: <p>How to separate css file completely</p>
  
  <p>I’m thinking how to place CSS parts together in html file generated by Smarty + php.
  CSS should be included within the header, but what if the page does have some individual CSS style?</p>
  
  <p>I use a template engine Smarty. First I made the header (gather everything which is used in common. ) and include it at the head of html file with smarty syntax.
  And if there is some individual part of css in a page, I put css below the ‘include statement’.</p>
  
  <p>HTML file with Smarty syntax</p>
  
  <pre><code>{include file='_include/header.inc.html'}
  
      &lt;link rel="stylesheet" href="/assets/style/top.css"&gt;
      &lt;script type="text/javascript"&gt;
          $(function(){
              $('#eyecatch ul').bxSlider({
                  pager: false,
                  auto: true,
                  pause: 5000
              });
          })
      &lt;/script&gt;
      &lt;article&gt;
      &lt;/article&gt;
  
  {include file='_include/footer.inc.html'}
  </code></pre>
  
  <p>But my co-worker checked the code generated with Smarty, and said “It’s not good practice, because  should be put together at one place even it works”</p>
  
  <p>There is  right below the header  ,because I didn’t put this line within the header.</p>
  
  <p>Do you have any good ideas to clean-up/organize my code with Smarty as he pointed out?</p>