Your question is very broad. As I understand it, you want to know how the [Drupal theming system][1] works ;)

If you want to style the output of a node then have a look at the [default node template][2] in order to find out, what variables are available.

Before creating a theme from scratch I find it highly advisable though, to look through the default core themes and some more popular contrib themes in order to understand different approaches. If it's only about some styling changes, you could also use a minimalistic theme and change it according to your needs.

> A lot of styling that I made with HTML/CSS was missed up when I start creating contents and didn't appear as I expected.

Is it possible that you use a wysiwyg editor for content editing and that this interferes with the CSS in your theme?

**Edit:**
Are you sure your template files are actually beeing used? Basically you say, that the markup, that you specify in your templates is not respected? Did you try clearing the cache?

The title in `node--article.tpl.php` will only be printed if the node is not shown as a full node (but in teaser view), e.g. no visiting `/node/NID`. That's controlled by the $page variable. Once again, please look at the default node template: [node.tpl.php][3] to see what variables are available and what they mean. If you visit `/node/NID` then the default behavior in Drupal is that the page title (the one used in `page.tpl.php` is set to the node title and displayed in the page template, not in the node template. You can change that off course, but you have to adapt the display logic inside the templates to match your needs. You could try something like the following.

In `page.tpl.php`:

    <?php if (!$node || $node->type != 'article'): ?>
        <?php print render($title_prefix); ?>
        <?php if ($title): ?><h1 class="pageTitle"><?php print $title; ?></h1><?php endif; ?>
        <?php print render($title_suffix); ?>
    <?php endif; ?>

This will print the page title only if you are not on a node page or if the node is not of type article.

In `node--article.tpl.php`:

    <?php print render($title_prefix); ?>
    <h3 class="postTitle"><a href="<?php print $node_url; ?>"><?php print $title; ?></a></h3>
    <?php print render($title_suffix); ?>

This will always print the nodes title whenever `node--article.tpl.php`is used, regardless if the node is displayed as a full page or as a teaser view.

  [1]: https://drupal.org/documentation/theme
  [2]: https://api.drupal.org/api/drupal/modules!node!node.tpl.php/7
  [3]: https://api.drupal.org/api/drupal/modules!node!node.tpl.php/7