{"id":79171,"date":"2024-03-28T21:00:48","date_gmt":"2024-03-28T21:00:48","guid":{"rendered":"https:\/\/mailrelay.com\/glossary\/css-cascading-style-sheets\/"},"modified":"2024-03-28T21:00:59","modified_gmt":"2024-03-28T21:00:59","slug":"css-cascading-style-sheets","status":"publish","type":"glossary","link":"https:\/\/mailrelay.com\/pt\/glossario\/css-cascading-style-sheets\/","title":{"rendered":"CSS (Cascading Style Sheets)"},"content":{"rendered":"\n

CSS \u00e9 o acr\u00f4nimo de folhas de estilo em cascata (Cascading style sheets) Desenvolvido pelo W3C em 1996, o CSS \u00e9 um mecanismo complementar ao c\u00f3digo HTML que \u00e9 interpretado pelo navegador para definir o estilo que ser\u00e1 usado nos diferentes elementos visuais que foram configurados para criar o layout da p\u00e1gina.<\/p>\n\n

Enquanto o HTML \u00e9 usado para “dizer” ao navegador que certas partes da p\u00e1gina s\u00e3o t\u00edtulos, cabe\u00e7alhos, links, subt\u00edtulos, etc. O CSS complementa essas informa\u00e7\u00f5es para que o tipo de fonte, tamanho, cor ou alinhamento usado para exibir cada elemento esteja correto.<\/p>\n\n

Vamos explicar um pouco sobre isto na Mailrelay<\/a>.<\/p>\n\n

1. Para que usar CSS<\/h2>\n\n

O c\u00f3digo CSS separa a estrutura de um documento HTML de sua apresenta\u00e7\u00e3o. Ou seja, o HTML define a estrutura b\u00e1sica da p\u00e1gina (como um esqueleto) e, por outro lado, o CSS adiciona uma camada de personaliza\u00e7\u00e3o que d\u00e1 ao site sua apar\u00eancia final.<\/p>\n\n

Desta forma, um web designer pode fazer altera\u00e7\u00f5es no layout de um site confortavelmente editando o CSS sem afetar o conte\u00fado dramaticamente, uma vez que o conte\u00fado seria o mesmo, apenas a forma como seria exibido na tela seria alterada.<\/p>\n\n

2. Tipos de CSS<\/h2>\n\n

Existem tr\u00eas tipos ou maneiras de vincular o CSS ao seu site (HTML): externo (external), interno (internal) e online (inline).<\/p>\n\n

– CSS externo.<\/strong> Este tipo de CSS \u00e9 criado em um arquivo independente e \u00e9 vinculado a um documento atrav\u00e9s de uma tag. Essa \u00e9 a maneira mais comum de adicionar CSS ao HTML, porque o designer s\u00f3 tem que alterar esse arquivo para que o site seja completamente atualizado.<\/p>\n\n

– CSS interno<\/strong>. CSS interno \u00e9 o c\u00f3digo CSS incorporado no c\u00f3digo HTML, isso \u00e9 feito usando tags <style><\/code> dentro da p\u00e1gina <head><\/code>. \u00c9 usado para adicionar estilos a p\u00e1ginas individuais ou se\u00e7\u00f5es do site.<\/p>\n\n

– CSS inline.<\/strong> O CSS inline \u00e9 colocado dentro de uma tag HTML para alterar apenas o estilo de um elemento espec\u00edfico. Seu uso n\u00e3o \u00e9 altamente recomendado porque realmente n\u00e3o separa o estilo do conte\u00fado.<\/p>\n\n

3. Vantagens do CSS<\/h2>\n\n

As vantagens de usar folhas de estilo em cascata (CSS) s\u00e3o muitas, aqui est\u00e3o algumas das mais not\u00e1veis:<\/p>\n\n