<?xml version="1.0" encoding="ISO-8859-1"?>
<evento>
<topico>

<nome>CSS</nome>

<titulo>CSS (Cascading Style Sheet): Sintaxe e Semântica</titulo>

<descritor>css</descritor>

<lead>Cascading Style Sheets É uma linguagem de marcação em que as propriedades das tag´s herdam de um arquivo chamado .css (folha de estilo) tendo uma propriedade para cada tag, definida dentro ou fora do texto html. Cada propriedade da folha á vinculada a um elemento do html. </lead>

<link></link>

<origem>css.xml</origem>

<referencia>~DSGerador~</referencia>
</topico>

<topico>
<titulo>CSS</titulo>
<bnf>seletor ( "," seletor )* "{" ( propriedade ":" valor " ")+ "}" </bnf>

<desc>
&lt;img alt=&quot;Diagrama Sintático - Diagrama de Sintaxe CSS&quot; title=&quot;Diagrama Sintático - Diagrama de Sintaxe CSS&quot; src=&quot;css.gif&quot; /&gt;
</desc>
</topico>

<topico>
<titulo>BNF da folha de estilo</titulo>
<desc>cssgenerico = seletor ( "," seletor )* "{" ( propriedade ":" valor " ")+ "}".

seletor = alvo da regra CSS. &lt;br /&gt;É a tag do elemento da marcação, onde será aplicada a regra.

Pode ser um agrupamento de seletores.
agrupamento h1, h2, p {color; red;}

classe &amp;lt;h4 classe=&quot;diferente&quot;&gt; exemplo&amp;lt;/h4&amp;gt;
no html se referencia por .
id &amp;lt;div id=&quot;principal&quot;&amp;gt;exemplo&amp;lt;/div&amp;gt;
no html se referencia por #
universal *{color;red;}
tipo p {color: red;} h1 {font-size: 2em;}
atributo E[att] E[att=val] ......
composto&lt;br /&gt;
pseudoclasse
pseudo-elemento

declaração = propriedade:valor
propriedade = caracteristica do elemento
valor = quantificação ou qualificação da propriedade.</desc>
</topico>
<topico>
<titulo>Diagrama sintatico da folha de estilo</titulo>
<desc>
&lt;img alt=&quot;Diagrama Sintático - Diagrama de Sintaxe CSS&quot; title=&quot;Diagrama Sintático - Diagrama de Sintaxe CSS&quot; src=&quot;css.gif&quot; /&gt;
</desc>

</topico>

<topico>
<titulo>Semantica</titulo>
<desc>Bloco de texto div- divisão de conteudo e span- seção de conteudo - não tem valor semantico
p -paragrafos

Listas - ul, ol, li - listas numeradas ou não dl,dd, dt - listas de definição

Formatos - b-negrito i - italico big- texto grande small - texto pequeno sub- subescrito sup- sobrescrito

Significado especial - h1, h2, h3 - Titulos maior importancia h4, h5, h6- Titulos de menor importancia
em- texto enfatizado

Estilos podem ser; inline - na propria tag ex.: &amp;lt;p style=&quot;width: 200px; color:red; background:#eee; font-size:1.8em;&quot;&gt;texto&amp;lt;/p&amp;gt; incorporados no texto html ex.: &lt;head&gt; ... &lt;style type=&quot;text/css&quot; media=&quot;scren&quot;&gt; ...... &lt;/style&gt; ...&lt;/head&gt;
externos ao html linkados ex.: &amp;lt;head&amp;gt; .. &amp;lt;link rel=&quot;styleshett&quot; type=&quot;text/css&quot; href=&quot;estilos.css&quot; media=&quot;all&quot; /&amp;gt;&amp;lt;/head&amp;gt;
externos ao html importados ex.: &amp;lt;head&amp;gt; .. &amp;lt;style&amp;gt; @import url(meuestilo.css); &amp;lt;/style&amp;gt; &amp;lt;/head&amp;gt;

A definição do Seletor podem ser: Class (vale para um a categoria de tags) ou Id (pra uma tag) . Simples, multiplo, contextual e pseudoclasse.
A chamada do seletor poder se : # para class ou . para id

As propriedades dos seletores são: tipo, backgroun, block, border, list, position, extension </desc>
</topico>

<topico>
<titulo>Modelo CSS</titulo>
<desc>
&lt;img alt=&quot;Diagrama Sintático - Diagrama de Sintaxe CSS&quot; title=&quot;box model&quot; src=&quot;boxmodel.gif&quot; /&gt;
</desc>
</topico>

<topico>
<titulo>CSS operações</titulo>
<desc>Posicionamneto
Normal Float Absoluto


Construção de Lay-out

Construção de Tabelas

Construção de formulários

Construção de menu (listas)

Cabeçalho e link

Estilização de textos

Aplicação de cores e de background </desc>
</topico>

<topico>
<titulo>Citacao</titulo>
<desc>Silva, Mauricio Samy. Construindo sites com CSS e XHTML. 2008.Novatec Editora Ltda.
Infnet. Webstandards, Tableless, CSS e Acessibilidade</desc>
</topico>

</evento>