Css

CSS
Desenvolvimento de Aplicações para Web
Prof. MSc. André Costa - andre.costa@unifacs.br

CSS
• CSS - Cascading Style Sheets
É uma linguagem de estilo utilizada para definir a apresentação de documentos
escritos em uma linguagem de marcação, como HTML ou XML. Seu principal
benefício é prover a separação entre o formato e o conteúdo de um documento.

CSS
“Folha de estilo em cascata é um mecanismo simples
para adicionar estilos (p.ex., fontes, cores,
espaçamentos) aos documentos Web.”
Maujor (o dinossauro da CSS)
http://www.maujor.com/

CSS
• Tipos de CSS
• Linkadas ou Importadas
• Incorporadas
• Inline

CSS
• Linkadas ou Importadas

CSS
• Sintaxe
seletor { propriedade: valor; }
seletor_2
{
propriedade_1: valor;
propriedade_2: valor;
}

CSS
• Seletores (principais)
tag {}
Ex.:
table
{
background-color: #cdcdcd;
text-align: center;
}

CSS
#id {}
Ex.:
#id_tabela
{
text-align: center;
}
<table id=“id_tabela”></table>

CSS
.classe {}
Ex.:
.classe_tabela
{
text-align: center;
}
<table class=“classe_tabela”></table>

CSS
tag_pai tag_filho {}
Ex.:
table tr td { color: #FF0000; }
<table>
<tr>
<td>Texto modificado</td>
</tr>
<tr>
<td>Texto modificado</td>
</tr>
</table>

CSS
tag_pai tag_filho.classe {}
Ex.:
table tr td.textoVermelho { color: #FF0000; }
<table>
<tr>
<td>Texto</td>
</tr>
<tr>
<td class=“textoVermelho”>Texto modificado</td>
</tr>
</table>

CSS
• Propriedades
Background

CSS
Mão na massa!
Crie uma folha de estilo para o layout criado com HTML.

CSS
Mão na massa!
Pratique!! Agora que tem o conhecimento de HTML e CSS, desenvola o
seu próprio site.

Prof. MSc. André Costa
andre.costa@unifacs.br

Css

Mais conteúdo relacionado

Mais procurados

Semelhante a Css

Mais de andreluizlc

Último

Css