O que é CSS?
A Cascading Style Sheet (CSS) é uma maneira de criar um site ou um grupo de sites, para que eles tenham uma aparência consistente e que sejam fáceis de alterar. Ao usar CSS para criar um site, o desenvolvedor da Web obtém um maior grau de controle sobre a aparência do site.
Um desenvolvedor da web pode usar um arquivo CSS para controlar a aparência de um site de três maneiras principais. A primeira maneira é chamada inline, referindo-se ao fato de o código ser colocado diretamente na linha do código do site. Por exemplo, um desenvolvedor da web pode querer fazer com que uma frase específica apareça em negrito e vermelho, para que se destaque. Ela poderia usar CSS para definir o estilo dessa frase em negrito e vermelho usando código embutido. O benefício desse método é que ele permite uma alteração rápida e fácil em uma parte específica de uma página da web.
Outra maneira que um desenvolvedor web pode usar CSS é criar regras para uma única página da web. Nesse caso, o desenvolvedor usaria o que é chamado CSS incorporado. O desenvolvedor pode, por exemplo, colocar cada novo recuo de parágrafo e cada cabeçalho em negrito. As instruções incorporadas são geralmente colocadas na parte superior do código da página da web.
Isso permite que o desenvolvedor altere o código incorporado uma vez e os efeitos ocorram em toda a página. Se ele decidisse colocar todos os cabeçalhos em itálico, em vez de texto em negrito, ele poderia simplesmente mudar a codificação de estilo e todos os cabeçalhos dessa página. Isso tem uma vantagem sobre o método embutido, na medida em que abrange a página da web inteira e alterações podem ser feitas na página inteira de uma só vez.
O tipo comum final de CSS é o que é conhecido como CSS externo. Um desenvolvedor da Web escreverá o código para aplicar a um grupo inteiro de páginas da Web, site inteiro ou até vários sites. Essas regras podem incluir itens como cor de fundo, cor do texto, espaçamento entre palavras e outros elementos do layout da página, assim como os dois exemplos anteriores de CSS.
A diferença é que essas instruções não são para uma única seção da página, ou apenas uma página da Web, mas para um site inteiro. A vantagem é que a aparência de um site inteiro pode ser alterada ao mesmo tempo, fazendo alterações na folha de estilos externa. Se o designer quiser experimentar uma nova cor de plano de fundo ou uma nova fonte para todo o site, poderá fazê-lo com a alteração de algumas linhas no código externo, em vez de ir para cada página individualmente e fazer alterações nela.
As desvantagens do CSS incorporado e externo é que há mais tempo envolvido na criação de uma grande folha de estilos, que cobrirá uma grande quantidade de layout, em vez de fazer alterações menores nas linhas individuais. O web designer deve decidir se, a longo prazo, é mais eficiente fazer instruções individuais em linha ou criar um CSS incorporado ou externo para cuidar de muitos recursos de design ao mesmo tempo.