O desenvolvimento da Web depende fortemente de três linguagens principais, nomeadamente HTML, CSS e Javascript. HTML descreve a estrutura dos sites, ou seja, quais elementos estão na página web.
Cascading Style Sheets (CSS), por outro lado, descreve como os elementos HTML são apresentados visualmente, enquanto Javascript é usado para adicionar interatividade e comportamento dinâmico às páginas da web.
CSS é particularmente importante quando se trata de criar interfaces de usuário esteticamente agradáveis com excelente experiência de usuário. CSS é responsável pela apresentação e estilo do conteúdo da web e é usado para controlar o layout, a aparência e o estilo das páginas da web.
Por exemplo, usando CSS, você pode alterar a forma como o conteúdo é exibido em sua página da web e modificar itens como fontes, cores, bordas, margens, espaçamento e planos de fundo, entre outros.
Além disso, o CSS é crucial na criação de sites responsivos que se adaptam a diferentes tamanhos de tela e dispositivos. Ele também permite estilos consistentes e uniformes em diferentes páginas de um site e ajuda a tornar os sites acessíveis a usuários com deficiência.
Caso você queira alinhar seu site à sua marca e usar bem as cores da sua marca em seu site, CSS é o que lhe permitirá fazer isso.
Sem CSS, os sites provavelmente seriam muito semelhantes, com designs muito simples, sem estilos, cores, efeitos de foco ou planos de fundo. Os sites também não seriam responsivos e teriam muito pouca personalização para alinhar um site a uma marca.
Portanto, CSS é uma ferramenta muito importante para desenvolvedores web. Para usar CSS em seu site, você precisa vinculá-lo ao HTML da página. Lembre-se de que HTML descreve os elementos e o conteúdo de um site.
Portanto, você precisa vincular seu HTML ao CSS para poder usar CSS para estilizar os elementos e o conteúdo do seu site. Este artigo irá ensiná-lo a fazer isso. No entanto, antes de vermos como vincular CSS a HTML, vejamos as diferentes maneiras de escrever CSS e usá-lo para estilizar seus elementos HTML.
últimas postagens
Diferentes maneiras de incluir CSS em seu HTML
Existem três maneiras principais de incluir CSS em seus arquivos HTML. Isso inclui:
#1. Estilos embutidos
Isso envolve escrever seus estilos CSS diretamente em cada elemento HTML, conforme mostrado abaixo:
<body style="background-color: yellow;">
<h1 style="color: orangered; font-size: 40px;">etechpt.com</h1>
<p style="color: blue; font-size: 16px;">etechpt.com is an online publication that produces high-quality articles on
Technology, Business, and Fintech to help
businesses and people grow.</p>
</body>
Por mais que esse método permita adicionar CSS facilmente às suas páginas HTML, não é uma boa maneira de adicionar CSS ao seu HTML. Isso ocorre porque consome muito tempo, dificulta a leitura e a manutenção do código, principalmente para estilos em grande escala, e pode afetar o tempo de carregamento das páginas da web.
#2. CSS interno
Isso envolve escrever os estilos de uma página da web dentro de um elemento