O CSS, foi desenvolvido para habilitar a separação do conteúdo e formato de um documento de sua apresentação, incluindo elementos como cores, formatos de fontes e layout. Esta separação proporcionou uma maior flexibilidade e controle na especificação de como as características serão exibidas, permitiu um compartilhamento de formato e reduziu a repetição no conteúdo estrutural de um documento.
A Regra básica do CSS é baseada na estrutura abaixo:
Seletor: Indica o elemento do HTML a ser alterado
Propriedade: Se refere ao modo como esse elemento será alterado.
Valor: Indica a intensidade dessa alteração.
Exemplo:
h1 {fonte size: 12px;} -> Regra CSS
A regra CSS pode ser escrita utilizando um dos três métodos abaixo:
INLINE - É escrita dentro de um elemento do HTML, como mostra o exemplo abaixo:
<body style = " background - color: #000000; "> Teste </body>
Todo o conteúdo inserido entre "<body>" e "</body>" terá a formatação inserida nesse elemento.
INTERNO - É escrito no cabeçalho do documento da seguinte forma:
<style type = ''text/css''> Regra do CSS </style>
EXTERNO - É escrito em outro documento e associado ao arquivo com linguagem de marcação (html, xhtml e outros) através de um link. Veja o exemplo abaixo:
<link href = ''estilo.css" real stylesheet" type = "text/css">
Fonte:
http://tableless.github.io/iniciantes/manual/css/sintaxe-css.html
https://developer.mozilla.org/pt-BR/docs/Web/CSS
Nenhum comentário:
Postar um comentário