title: Box Sizing unformat entire page
body: <p>It may be a question a bit silly, but for those who have little experience in css like me is not so easy. The thing is I'm trying to implement a login exemple in my project. Of course you need to configure the css, paths, etc..</p>
  
  <p>The problem is that configure the login panel that has the following instructions:</p>
  
  <pre><code>*,
  *:after,
  *:before {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0;
      margin: 0;
  }
  </code></pre>
  
  <p>This makes all the boxes in every application that has become disfigured. How can I resolve this? I tried to name the div where it is called and changed the name to <code>*</code> this div. But nothing doing. Someone can help me?</p>
  
  <pre><code>echo '&lt;div class="container"&gt;           
              &lt;section class="main"&gt;
              &lt;form class="form-1" id="login" method="post"&gt;
              &lt;p class="field"&gt;
                  &lt;input type="text" name="login" id="username" placeholder="Nº Funcionario"&gt;
                  &lt;i class="icon-user icon-large"&gt;&lt;/i&gt;
              &lt;/p&gt;
                  &lt;p class="field"&gt;
                  &lt;input type="password" name="password" id="password" placeholder="Senha"&gt;
                  &lt;i class="icon-lock icon-large"&gt;&lt;/i&gt;
              &lt;/p&gt;
              &lt;p class="submit"&gt;
                  &lt;button type="submit" value="Login" id="loginme" name="submit"&gt;
                  &lt;i class="icon-arrow-right icon-large"&gt;&lt;/i&gt;&lt;/button&gt;
              &lt;/p&gt;
              &lt;/form&gt;
              &lt;/section&gt;&lt;/div&gt;';
  </code></pre>