Como Cascading Style Sheets Melhorar HTML

(Cascading Style Sheets) CSS era uma tecnologia recomendada pelo World Wide Web Consortium (W3C) em 1996. Uma maneira fácil de entender o propósito do CSS é vê-la como uma adição ao HTML que ajuda a simplificar e melhorar o design da página web. Na verdade, alguns efeitos CSS não são possíveis via HTML sozinho.

Outra vantagem do CSS é que ele permite que você especifique um estilo de uma vez, mas o navegador pode aplicar esse estilo muitas vezes em um documento. Por exemplo, se você quiser algumas das imagens exibidas no seu site para ter um corpo magro, azul em torno deles, você pode definir este quadro como um estilo em seu CSS. Então, em vez de ter que repetir uma definição HTML do corpo magro e azul - cada vez que você quiser que determinado frame - você pode simplesmente inserir o estilo CSS como um atributo para cada elemento gráfico que você deseja enquadrado.

Dito de outra forma, você pode usar CSS para definir regras gerais sobre a forma como os elementos em suas páginas da web se comportam e como eles olham - onde eles estão localizados, seu tamanho, sua opacidade, e assim por diante. Em seguida, você pode simplesmente se referir ao nome da regra sempre que quiser aplicá-la dentro de sua página HTML.

Aqui está uma regra CSS que define um par de qualidades que você decidir aplicar aos seus maiores títulos, H1:

Com essa regra CSS com efeito, qualquer código HTML que contém um elemento H1 é automaticamente processado em tipo de 16 pontos e de cor azul:

este título é azul e 16 pt.

regras CSS pode ser definida em um arquivo CSS separado ou incorporado dentro do arquivo HTML. Aqui é a regra CSS estilo do título incorporado dentro do cabeçalho de um arquivo HTML:

 

este título é azul e 16 pt.

Observe o elemento. Você pode definir seus estilos CSS dentro deste elemento. (Você também pode ter vários elementos em uma página, se desejar.)

menu