FANDOM


Cascading Style Sheet onde definimos os estilos de apresentação da página em folhas de estilo.

Exemplo de código css

No exemplo abaixo definimos as propriedades de estilo do corpo do documento Html.

body {
   margin:0 auto;
   background-color:#FFFFFF;
   font-family: Arial;
   font-size:12px;
   color:#000000;
}

Três maneiras de carregar o css:

Link Externo

Criando um arquivo com a extensão .css onde será inserido os códigos css como no exemplo acima. Segue abaixo o código de carregamento do css onde devemos inserir no <head> do documento Html.
(Salve os arquivos .css em pastas pois ficará mais organizado, no exemplo pasta "css")

<link rel="stylesheet" href="css/estilo.css" />

Style Header

Inserir no <head> do documento com a tag <style type="text/css">...</style>

<head>
...
<style type="text/css">
body {
   margin: 0 auto;
   background-color: #FFFFFF;
   font-family: arial;
   color: #000000;
   font-size: 14px;
}
</style>
</head>

Inline

Dentro de alguma tag setando a propriedade style="...". No exemplo abaixo foi inserido no <span>.

<span style="font-family:arial; color:#000000; font-size:16px">Exemplo de Css Inline</span>

Lista de propriedades css

  • font-size - Tamanho da Fonte
  • font-family - Tipo de Fonte

Interferência de bloqueador de anúncios detectada!


A Wikia é um site grátis que ganha dinheiro com publicidade. Nós temos uma experiência modificada para leitores usando bloqueadores de anúncios

A Wikia não é acessível se você fez outras modificações. Remova o bloqueador de anúncios personalizado para que a página carregue como esperado.

Também no FANDOM

Wiki aleatória