Criar CSS Markup
Qualquer documento HTML pode incluir informações de estilo escrito usando marcação CSS. No entanto, a maioria dos desenvolvedores web isolar marcação CSS em documentos de folhas de estilo separadas e usar links para essas folhas de estilo externas independentes em suas páginas da web (documentos HTML).
Essa técnica ajuda a manter o conteúdo separado da apresentação, incentiva a reutilização de folhas de estilo, e torna mais fácil para atualizar apresentação para várias páginas, editando as folhas de estilo que se referem ao invés de ter que incorporar mudanças em toda uma série de páginas da web.
Outra vantagem importante desta abordagem é que ela estimula o uso de folhas de estilo padrão, onde a customização local vem de referência a folhas de estilo locais.
A construção de uma folha de estilo requer algum conhecimento dos elementos HTML que aparecem em suas páginas web, e requer que você defina propriedades e valores para gerir a forma como esses elementos vão olhar e onde eles devem ser posicionados nessas páginas.
CSS oferece incrível controle sobre a apresentação, que por sua vez requer extensos testes e ajustes para fazer as coisas apenas para a direita. Além disso, CSS permite que classes ou identificadores únicos a ser usado, para que possa associar um conjunto de regras de estilo com um único tipo ou mesmo uma única instância de um elemento HTML em suas páginas.
Assim, você pode definir regras básicas de estilo para elementos HTML inteiras e, em seguida, substituí-los com regras específicas para as coisas tais como cabeçalhos, rodapés de páginas, certos tipos de parágrafos, e até mesmo ocorrências individuais de elementos HTML. Isso proporciona um poder incrível sobre o layout, olhar e sentir-se em páginas da web.