Início
Últimas imagens
Procurar
Registar
EntrarIntrodução ao CSS
Página 1 de 1
Introdução ao CSS
por Trinity Sex maio 27, 2016 10:36 pm
Bem, CSS é uma linguagem bem básica, tanto que até eu sei, haha. Mas vamos logo ao assunto.
CSS é uma linguagem front-end, ou seja, se trata do código fonte, ela é usada junto do HTML para a estruturação de um layout/estilo do site, como já diz o nome : Cascade Style Sheet, estilo de folha em cascata. Agora que já saímos da parte téorica, irei mostrar a construção básica para o HTML e CSS : ) .
Code: Select all
<!DOCTYPE html lang="pt-br"> <!-- Isso é um comentário HTML, serve para mostrar algo, o DOCTYPE mostra que é um documento HTML.-->
<head> <!-- Cabeçalho, onde vai o título, o favicon, etc.-->
<title>Título aqui</title> <!-- Título...-->
<meta charset="UTF-8"> <!-- Os caractéres especiais normalmente sofrem alterações sem esse comando, ele serve para mostrar ao site qual o tipo de Português Brasileiro usamos no teclado.-->
<style type="text/css"> <!-- Aqui fica tudo de CSS -->
/* Aqui dentro fica TUDO o que for CSS, também da pra fazer um arquivo .css, mas isso verá nos links que disponibilizarei. Ah, e esse comentário é CSS, não HTML. */
</style> <!-- Fechamento style-->
</head> <!-- Fechamento head-->
<body>
<!-- Aqui vai ficar tudo o que for HTML, divs, paragráfos, tabelas, listas, etc-->
</body>
</html> <!-- Fechamento HTML-->
Como ficou :
<!DOCTYPE html lang="pt-br>
<head>
<title>Título</title>
<meta charset="UTF-8"/>
<style type="text/css">
</style>
</head>
<body>
</body>
</html>
CSS é uma linguagem front-end, ou seja, se trata do código fonte, ela é usada junto do HTML para a estruturação de um layout/estilo do site, como já diz o nome : Cascade Style Sheet, estilo de folha em cascata. Agora que já saímos da parte téorica, irei mostrar a construção básica para o HTML e CSS : ) .
Code: Select all
<!DOCTYPE html lang="pt-br"> <!-- Isso é um comentário HTML, serve para mostrar algo, o DOCTYPE mostra que é um documento HTML.-->
<head> <!-- Cabeçalho, onde vai o título, o favicon, etc.-->
<title>Título aqui</title> <!-- Título...-->
<meta charset="UTF-8"> <!-- Os caractéres especiais normalmente sofrem alterações sem esse comando, ele serve para mostrar ao site qual o tipo de Português Brasileiro usamos no teclado.-->
<style type="text/css"> <!-- Aqui fica tudo de CSS -->
/* Aqui dentro fica TUDO o que for CSS, também da pra fazer um arquivo .css, mas isso verá nos links que disponibilizarei. Ah, e esse comentário é CSS, não HTML. */
</style> <!-- Fechamento style-->
</head> <!-- Fechamento head-->
<body>
<!-- Aqui vai ficar tudo o que for HTML, divs, paragráfos, tabelas, listas, etc-->
</body>
</html> <!-- Fechamento HTML-->
Como ficou :
<!DOCTYPE html lang="pt-br>
<head>
<title>Título</title>
<meta charset="UTF-8"/>
<style type="text/css">
</style>
</head>
<body>
</body>
</html>
Trinity- Admin
- Mensagens : 60
Data de inscrição : 27/05/2016 -
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos|
|
|