Olá a todos, sejam bem-vindos a esta sessão. Eu sou Lao Zhao na frente! Na aula anterior, aprendemos a sintaxe básica do CSS e como usar seletores. Nesta lição vamos nos concentrar em como introduzir estilos CSS em HTML.
CSS é uma linguagem usada para controlar o estilo das páginas da web, o que nos permite modificar facilmente a aparência e o layout das páginas da web. Em HTML, podemos controlar o estilo das páginas da Web introduzindo folhas de estilo CSS. Então, como introduzir o estilo CSS em HTML? Por favor, ouça-me explicar lentamente para você.
Em HTML, podemos introduzir estilos CSS de três maneiras: folhas de estilo internas, folhas de estilo externas e estilos embutidos.
A primeira é a folha de estilo interna . Folhas de estilo internas são códigos de estilo CSS escritos diretamente em arquivos HTML. Podemos definir uma folha de estilo interna adicionando uma tag <style> dentro da tag <head>. Na tag <style>, podemos escrever código CSS arbitrário. O seguinte é um exemplo de uma folha de estilo interna:
<head><style> h1{ color: red; } </style></head>
Neste exemplo, definimos uma folha de estilo interna que define a cor de todas as tags h1 para vermelho.
A seguir vem a folha de estilo externa . Folhas de estilo externas são códigos de estilo escritos em arquivos CSS separados que podem ser compartilhados por vários arquivos HTML. Podemos usar a tag <link> na tag <head> para importar uma folha de estilo externa. O seguinte é um exemplo de uma folha de estilo externa:
<h