Respostas
Resposta:
Código CSS interno é colocado na seção <head> de uma determinada página. As classes e IDs podem ser usados para se referir ao código CSS, mas eles só estão ativos nessa página específica. CSS estilos incorporados desta forma são baixados cada vez que a página carrega para que ele possa aumentar a velocidade de carregamento. No entanto, existem alguns casos quando a pagina de estilos interna é útil. Um exemplo seria enviar alguém um modelo de página – como tudo está em uma página, é muito mais fácil ver uma pré-visualização. O CSS interno é colocado entre tags <style></style>. Um exemplo de pagina de estilo interna:
<head>
<style type="text/css">
p {color:white; font-size: 10px;}
.center {display: block; margin: 0 auto;}
#button-go, #button-back {border: solid 1px black;}
</style>
</head>
Vantagens de CSS Interno:
Apenas uma página é afetada pela pagina de estilos.
Classes e IDs podem ser usados por stylesheet interno.
Não há necessidade de carregar vários arquivos. HTML e CSS podem estar no mesmo arquivo.
Desvantagens de CSS Interno:
Aumento do tempo de carregamento da página.
Ela afeta apenas uma página – não é útil se você quiser usar o mesmo CSS em vários documentos.
Como adicionar o CSS interno à página HTML
Abra sua página HTML com qualquer editor de texto. Se a página já foi enviada para sua conta de hospedagem, você pode usar um editor de texto fornecido pela sua hospedagem. Se você tiver um documento HTML em seu computador, você pode usar qualquer editor de texto para editá-lo e, em seguida, voltar a carregar o arquivo para sua conta de hospedagem usando o cliente FTP.
Localize a tag de abertura <head> e adicione o seguinte código logo após:
<style type="text/css">
Agora salte para uma nova linha e adicione regras CSS, por exemplo:
body {
background-color: blue;
}
h1 {
color: red;
padding: 60px;
}
Depois de terminar de adicionar regras CSS, adicione a tag de estilo de fechamento:
</style>
No final, o documento HTML com página de estilo interna deve ter esta aparência:
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: blue;
}
h1 {
color: red;
padding: 60px;
}
</style>
</head>
<body>
<h1>Hostinger Tutorials</h1>
<p>This is our paragraph.</p>
</body>
</html>
Opção 2 – CSS externo
Provavelmente a maneira mais conveniente de adicionar CSS ao seu site, é vinculá-lo a um arquivo .css externo. Dessa forma, quaisquer alterações feitas em um arquivo CSS externo serão refletidas em seu site globalmente. Uma referência a um arquivo CSS externo é colocada na seção <head> da página:
<head>
Explicação:
de nd!