Html e css anexando e identificando as propriedades

Em breve se possivel, terei um código HTML e em partes é CSS, uma vez em outros desses tentei adiciona-lo separandos a parte html do css só que acabou tirando a função do cósigo e agora perdi ele.
Como posso adicionar esse código CSS na folha de estilo css sem separa-lo do html, assim, colocar o html lá na folha de estilos..???

Como faço?

Bom, vou ser bem objetivo na explicação!

Podemos utilizar códigos css no próprio corpo da mensagem html, como também podemos anexar o css de uma página externa!

Css no corpo de um código html

Código:

<div style="margin: 10px; left: 2px; color: #000000">Nosso texto</div>

Css vindo de um arquivo externo

Com classes

Código:

<div class="cssforumeiros">Nosso texto</div>

Na folha de estilos css ficaria: .cssforumeiros {margin: 10px; left: 2px; color: #000000}

Com IDS

Código:

<div id="cssforumeiros">Nosso texto</div>

Na folha de estilos css ficaria: #cssforumeiros {margin: 10px; left: 2px; color: #000000}

Desculpe a burrice mas não intendi muito bem,
pois bem meu código css tem html, ao adicionar o css na folha de estilo o html irá funcionar ou devo colocar alguma tag para definir onde começa e termina o html?

Se você quer adicionar o css na folha de estilos (css do seu html), você deverá especificar nas tags DIV, SPAN o que for, a classe ou ID do script css.